div#scrollbar1, div#scrollbar2, div#scrollbar3, div#scrollbar4 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn1, div#wn2, div#wn3, div#wn4  {
  position:relative;
  width:290px; height:315px;
  margin-top:10px;
  overflow:hidden;
  }

div#wnpartenaire1, div#wnpartenaire2, div#wnpartenaire3, div#wnpartenaire4, div#wnpartenaire5, div#wnpartenaire6, div#wnpartenaire7, div#wnpartenaire8, div#wnpartenaire9, div#wnpartenaire10, div#wnpartenaire11  {
  position:relative;
  width:290px; height:345px;
  margin-top:10px;
  overflow:hidden;
  }

div#wnequipe1, div#wnequipe2, div#wnequipe3, div#wnequipe4, div#wnequipe5, div#wnequipe6, div#wnequipe7, div#wnequipe8  {
  position:relative;
  width:165px; height:268px;
  /* border:blue solid 1px; */
  overflow:hidden;
  }

div#wnequipe1, div#wnequipe2, div#wnequipe3, div#wnequipe4, div#wnequipe5, div#wnequipe6, div#wnequipe7, div#wnequipe8  {
  position:relative;
  width:165px; height:268px;
  /* border:blue solid 1px; */
  overflow:hidden;
  }


div#wn_actualites_liste	{
	position:relative;
	width:100%; height:516px;
	overflow:hidden;
	}


	
	/*******************
			recettes
	********************/
div#wn_recettes_liste	{
	position:relative;
	width:100%; height:550px;
	overflow:hidden;
	}

div#wn_recettes_menu	{
	position:relative;
	width:228px; height:140px;
  margin-top:10px;
	overflow:hidden;
	}

div#scrollbar_recettes_liste {
  position:relative;
  width:11px; height:550px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track_recettes_liste {
  position:absolute; left:0; top:12px;
  width:11px; height:525px;
  background: #674735;
  }
div#dragBar_recettes_liste {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e8d4b1;
  z-index:1
  }
div#up_recettes_liste { position:absolute; left:0; top:0; z-index:2 }
div#down_recettes_liste { position:absolute; left:0; bottom:0; z-index:3 }
	
	/*******************
			demonstrations
	********************/
div#wn_demonstrations_liste	{
	position:relative;
	width:100%; height:510px;
	overflow:hidden;
	}

div#wn_demonstrations_menu	{
	position:relative;
	width:228px; height:100px;
  margin-top:10px;
	overflow:hidden;
	}

div#scrollbar_demonstrations_liste {
  position:relative;
  width:11px; height:510px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track_demonstrations_liste {
  position:absolute; left:0; top:12px;
  width:11px; height:485px;
  background: #674735;
  }
div#dragBar_demonstrations_liste {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e8d4b1;
  z-index:1
  }
div#up_demonstrations_liste { position:absolute; left:0; top:0; z-index:2 }
div#down_demonstrations_liste { position:absolute; left:0; bottom:0; z-index:3 }



	/*******************
			equipe
	********************/
	
	
div#scrollbarequipe1, div#scrollbarequipe2, div#scrollbarequipe3, div#scrollbarequipe4, div#scrollbarequipe5, div#scrollbarequipe6, div#scrollbarequipe7, div#scrollbarequipe8 {
  position:relative;
  width:11px; height:273px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#trackequipe1, div#trackequipe2, div#trackequipe3, div#trackequipe4, div#trackequipe5, div#trackequipe6, div#trackequipe7, div#trackequipe8 {
  position:absolute; left:0; top:12px;
  width:11px; height:248px;
  background: #674735;
  }
div#dragBarequipe1, div#dragBarequipe2, div#dragBarequipe3, div#dragBarequipe4, div#dragBarequipe5, div#dragBarequipe6, div#dragBarequipe7, div#dragBarequipe8 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e8d4b1;
  z-index:1
  }
div#upequipe1, div#upequipe2, div#upequipe3, div#upequipe4, div#upequipe5, div#upequipe6, div#upequipe7, div#upequipe8 { position:absolute; left:0; top:0; z-index:2 }
div#downequipe1, div#downequipe2, div#downequipe3, div#downequipe4, div#downequipe5, div#downequipe6, div#downequipe7, div#downequipe8 { position:absolute; left:0; bottom:0; z-index:3 }



div#scrollbar_actualites_liste {
  position:relative;
  width:11px; height:516px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track_actualites_liste {
  position:absolute; left:0; top:12px;
  width:11px; height:491px;
  background: #674735;
  }
div#dragBar_actualites_liste {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e8d4b1;
  z-index:1
  }
div#up_actualites_liste { position:absolute; left:0; top:0; z-index:2 }
div#down_actualites_liste { position:absolute; left:0; bottom:0; z-index:3 }




div#scrollbar_recettes_menu {
  position:relative;
  width:11px; height:155px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track_recettes_menu {
  position:absolute; left:0; top:12px;
  width:11px; height:130px;
  background: #674735;
  }
div#dragBar_recettes_menu {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e8d4b1;
  z-index:1
  }
div#up_recettes_menu { position:absolute; left:0; top:0; z-index:2 }
div#down_recettes_menu { position:absolute; left:0; bottom:0; z-index:3 }



div#scrollbar1, div#scrollbar2, div#scrollbar3, div#scrollbar4 {
  position:relative;
  width:11px; height:330px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track1, div#track2, div#track3, div#track4 {
  position:absolute; left:0; top:12px;
  width:11px; height:305px;
  background: #674735;
  }
div#dragBar1, div#dragBar2, div#dragBar3, div#dragBar4 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e8d4b1;
  z-index:1
  }
div#up1 { position:absolute; left:0; top:0; z-index:2 }
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }


div#up2, div#up3, div#up4 { position:absolute; left:0; top:0; }
div#down2, div#down3, div#down4 { position:absolute; left:0; bottom:0; }




div#scrollbarpartenaire1, div#scrollbarpartenaire2, div#scrollbarpartenaire3, div#scrollbarpartenaire4, div#scrollbarpartenaire5, div#scrollbarpartenaire6, div#scrollbarpartenaire7, div#scrollbarpartenaire8, div#scrollbarpartenaire9, div#scrollbarpartenaire10, div#scrollbarpartenaire11 {
  position:relative;
  width:11px; height:360px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#trackpartenaire1, div#trackpartenaire2, div#trackpartenaire3, div#trackpartenaire4, div#trackpartenaire5, div#trackpartenaire6, div#trackpartenaire7, div#trackpartenaire8, div#trackpartenaire9, div#trackpartenaire10, div#trackpartenaire11 {
  position:absolute; left:0; top:12px;
  width:11px; height:335px;
  background: #674735;
  }
div#dragBarpartenaire1, div#dragBarpartenaire2, div#dragBarpartenaire3, div#dragBarpartenaire4, div#dragBarpartenaire5, div#dragBarpartenaire6, div#dragBarpartenaire7, div#dragBarpartenaire8, div#dragBarpartenaire9, div#dragBarpartenaire10, div#dragBarpartenaire11 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e8d4b1;
  z-index:1
  }
div#uppartenaire1 { position:absolute; left:0; top:0; z-index:2 }
div#downpartenaire1 { position:absolute; left:0; bottom:0; z-index:3 }


div#uppartenaire2, div#uppartenaire3, div#uppartenaire4, div#uppartenaire5, div#uppartenaire6, div#uppartenaire7, div#uppartenaire8, div#uppartenaire9, div#uppartenaire10, div#uppartenaire11 { position:absolute; left:0; top:0; }
div#downpartenaire2, div#downpartenaire3, div#downpartenaire4, div#downpartenaire5, div#downpartenaire6, div#downpartenaire7, div#downpartenaire8, div#downpartenaire9, div#downpartenaire10, div#downpartenaire11 { position:absolute; left:0; bottom:0; }




/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
div#scrollbar3, div#track3, div#dragBar3, div#up3, div#down3
    {
    -moz-user-select: none;
    -khtml-user-select: none;
    }


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar1 img, div#scrollbar2 img, div#scrollbar3 img, div#scrollbar4 img {
    display:block;
}



#scroll_hack1, #scroll_hack2 {
	display:none;
	margin:0; 
	padding:0
}

.scroll_hack {
	display:none;
	margin:0; 
	padding:0
}