/*----------------------------------------------------------------------------------------------------------------*/
/* CSS utilisée pour les DIV qui défilent horizontalement (dans gagner_plus_de_cash notamment)
/*----------------------------------------------------------------------------------------------------------------*/

#mainSlider								{ position: relative; width: 680px; padding: 5px; margin: 0px auto; text-align: center; background-color: #FFFFFF;}
#mainSlider .scroll 					{ height: auto; width: 640px; overflow: auto; overflow-x: hidden; position: relative; clear: left; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }
#mainSlider .scrollContainer div.panel 	{ padding: 10px; height: auto; width: 620px; text-align: center; margin-left: auto; margin-right: auto; }
#mainSliderShade 						{ background: #EDEDEC url(/glob/img/bg/shade.jpg) no-repeat 0 0; height: 50px; }

#mainSlider .scrollButtons 				{ position: absolute; top: 200px; cursor: pointer; }
#mainSlider .scrollButtons.left 		{ left: -25px; z-index: 1; }
#mainSlider .scrollButtons.right 		{ right: -25px; z-index: 1; }
#mainSlider .hide 						{ display: none; }

#mainSlider #navigationDiv 						{ position:absolute; top: -60px; right: -30px; padding: 0px; text-align: right; height: 30px; width: 360px;  }
#mainSlider ul.button 							{ position:absolute; list-style: none; margin: 0px; top:0px; left:0px; text-align: left; padding: 0px; }
#mainSlider ul.navigation 						{ position:absolute; list-style: none; margin: 0px; top:0px; left:33px; text-align: right; padding: 0px; }
#mainSlider ul.navigation li 					{ display: inline; margin: 0px !important; width: 30px; padding: 0px 0px 0px 0px; }

#mainSlider ul.button a,
#mainSlider ul.navigation a 					{ width: 30px; margin: 0px; height: 30px; font-size: 30px; }

#mainSlider ul.button a.readOn 					{ background: url(/glob/img/bg/bg_sliderNavig_item_read_on.png) no-repeat; }
#mainSlider ul.button a.pauseOn 				{ background: url(/glob/img/bg/bg_sliderNavig_item_pause_on.png) no-repeat; }

#mainSlider ul.navigation a.slide1 				{ background: url(/glob/img/bg/bg_sliderNavig_item_1_off.png) no-repeat; }
#mainSlider ul.navigation a.slide1:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_1_off.png) no-repeat; }
#mainSlider ul.navigation a.slide1.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_1_on.png) no-repeat; }
#mainSlider ul.navigation a.slide1:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide2 				{ background: url(/glob/img/bg/bg_sliderNavig_item_2_off.png) no-repeat; }
#mainSlider ul.navigation a.slide2:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_2_off.png) no-repeat; }
#mainSlider ul.navigation a.slide2.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_2_on.png) no-repeat; }
#mainSlider ul.navigation a.slide2:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide3 				{ background: url(/glob/img/bg/bg_sliderNavig_item_3_off.png) no-repeat; }
#mainSlider ul.navigation a.slide3:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_3_off.png) no-repeat; }
#mainSlider ul.navigation a.slide3.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_3_on.png) no-repeat; }
#mainSlider ul.navigation a.slide3:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide4 				{ background: url(/glob/img/bg/bg_sliderNavig_item_4_off.png) no-repeat; }
#mainSlider ul.navigation a.slide4:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_4_off.png) no-repeat; }
#mainSlider ul.navigation a.slide4.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_4_on.png) no-repeat; }
#mainSlider ul.navigation a.slide4:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide5 				{ background: url(/glob/img/bg/bg_sliderNavig_item_5_off.png) no-repeat; }
#mainSlider ul.navigation a.slide5:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_5_off.png) no-repeat; }
#mainSlider ul.navigation a.slide5.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_5_on.png) no-repeat; }
#mainSlider ul.navigation a.slide5:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide6 				{ background: url(/glob/img/bg/bg_sliderNavig_item_6_off.png) no-repeat; }
#mainSlider ul.navigation a.slide6:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_6_off.png) no-repeat; }
#mainSlider ul.navigation a.slide6.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_6_on.png) no-repeat; }
#mainSlider ul.navigation a.slide6:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide7 				{ background: url(/glob/img/bg/bg_sliderNavig_item_7_off.png) no-repeat; }
#mainSlider ul.navigation a.slide7:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_7_off.png) no-repeat; }
#mainSlider ul.navigation a.slide7.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_7_on.png) no-repeat; }
#mainSlider ul.navigation a.slide7:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide8 				{ background: url(/glob/img/bg/bg_sliderNavig_item_8_off.png) no-repeat; }
#mainSlider ul.navigation a.slide8:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_8_off.png) no-repeat; }
#mainSlider ul.navigation a.slide8.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_8_on.png) no-repeat; }
#mainSlider ul.navigation a.slide8:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide9 				{ background: url(/glob/img/bg/bg_sliderNavig_item_9_off.png) no-repeat; }
#mainSlider ul.navigation a.slide9:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_9_off.png) no-repeat; }
#mainSlider ul.navigation a.slide9.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_9_on.png) no-repeat; }
#mainSlider ul.navigation a.slide9:focus 		{ outline: none; }

#mainSlider ul.navigation a.slide10 			{ background: url(/glob/img/bg/bg_sliderNavig_item_10_off.png) no-repeat; }
#mainSlider ul.navigation a.slide10:hover 		{ background: url(/glob/img/bg/bg_sliderNavig_item_10_off.png) no-repeat; }
#mainSlider ul.navigation a.slide10.selected 	{ background: url(/glob/img/bg/bg_sliderNavig_item_10_on.png) no-repeat; }
#mainSlider ul.navigation a.slide10:focus 		{ outline: none; }