/******************************************************************************************************/
/*** SCROLLERS   **************************************************************************************/
/******************************************************************************************************/

/*** SCROLLERS *****************************************************************************/
/* root element for scrollable CATEGORIES */
div.scrollable{
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 560px;
	width:240px;	
} 
div.scrollable#scrollmaincat{
nheight: 596px;
nbackground:red;
}
div.scrollable#scrollresults{
	width:519px;	
} 
div.scrollable#scroll_720{
	width:720px;	
}
/* root element for scrollable items */
div.scrollable div.items {	
	position:absolute;
	/* this time we have very large space for height */	
	height:20000em;	
	/* decoration */
	margin:0;
	cursor:pointer;	
}

div.scrollable#scrollmaincat div.items div { /*** CATEGORIES ***/
	text-align:left;
	width:240px;
	height:32px;
	line-height:32px;
	padding:0 0 0 12px;
	font-size:12px;
	border-bottom:1px outset #ccc;
	nbackground: #a0a;
	float:left;
}

/* active item */
div.scrollable#scrollmaincat div.items div:hover{	
	background:#fff;
	color:#2197BD;
}
div.scrollable#scrollmaincat div.items div:active{	
	background:#fff;	
	color:#2197BD;
}
/*** MENU MAINCATS COL1 RUB=ANNU (BLEU) *********************/
div.scrollable#scrollmaincat div.items div.annu:hover{	
	background:#fff;
	color:#2197BD;
}
/*** MENU MAINCATS COL1 RUB=PROMOS (ROUGE) *********************/
div.scrollable#scrollmaincat div.items div.promos:hover{	
	background:#fff;
	color:#dd0000;
}
/*** MENU MAINCATS COL1 RUB=PROMOSWEB (VIOLET) *********************/
div.scrollable#scrollmaincat div.items div.promosweb:hover{	
	background:#fff;
	color:#90308e;
}

div.scrollable#scrollsubcats div.items div { /*** Scroll sous-cats ***/
	text-align:left;
	width:240px;
	height:39px;
	line-height:39px;
	font-size:12px;
	Nfont-family: 'bitstream vera sans';
	border-bottom:1px outset #ccc;
	nbackground-color: #fff;
	background-color: #e9eef0;
	overflow:hiddden;
	/*-moz-border-radius:5px;*/
}
/* active item */
div.scrollable#scrollsubcats div.items div:hover{	
	nbackground:#e8f5fa;
	ncolor:#2197BD;
}
div.scrollable#scrollsubcats div.items div:active{	
	nbackground:#e8f5fa;	
	ncolor:#2197BD;
}

/*** MENU SOUS-CAT2 COL2 RUB=ANNU (BLEU) *********************/
div.scrollable#scrollsubcats div.items div.annu{	
	background:#dae8ed;
	color:#2197BD;
}
div.scrollable#scrollsubcats div.items div.annu:hover{	
	background:#e8f5fa;
	color:#2197BD;
}

/*** MENU SOUS-CATS COL2 RUB=PROMOS (ROUGE) *********************/
div.scrollable#scrollsubcats div.items div.promos{	
	background:#f2f2f2;
	color:#dd0000;
}
div.scrollable#scrollsubcats div.items div.promos:hover{	
	background:#fff;
	color:#dd0000;
}

/*** MENU SOUS-CATS COL2 RUB=PROMOSWEB (VIOLET) *********************/
div.scrollable#scrollsubcats div.items div.promosweb{	
	background:#f2f2f2;
	color:#90308e;
}
div.scrollable#scrollsubcats div.items div.promosweb:hover{	
	background:#fff;
	color:#90308e;
}


div.scrollable#scrollresults div.items div { /*** Scroll droite ***/
	text-align:left;
	width:519px;
	height:79px;
	padding:0;
	font-size:12px;
	border-bottom:1px outset #ccc;
	background-color: #fff;
	/*-moz-border-radius:5px;*/
}
/* active item */
div.scrollable#scrollresults div.items div:hover{	
	nbackground:#ddd;
}
div.scrollable#scrollresults div.items div:active{	
	nbackground:#ddd;	
}
div.scrollable#scroll_720 div.items div { /*** Scroll droite ***/
	text-align:left;
	width:759px;
	height:79px;
	padding:0;
	font-size:12px;
	border-bottom:1px outset #ccc;
	background-color: #fff;
	/*-moz-border-radius:5px;*/
}
/* active item */
div.scrollable#scroll_720 div.items div:hover{	
	nbackground:#ddd;
}
div.scrollable#scroll_720 div.items div:active{	
	nbackground:#ddd;	
}

/*** SCROLL COMMERCE DU MOIS ************************/
/* root element for scrollable COMMERCANT DU MOIS */
div.scrollable#scrollcommerceDuMois{
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 210px;	
	width:173px;
	background:#ddd;
	float:left;
}
/* root element for scrollable items */
div.scrollable#scrollcommerceDuMois div.items {	
	width:20000em;	
	position:absolute;
	clear:both;	
	cursor:pointer;	
}
div.scrollable#scrollcommerceDuMois div.items div { /*** COMMERCANT DU MOIS ***/
	text-align:center;
	width:172px;
	height:210px;
	padding:0;margin:0;
	font-size:12px;
	border-bottom:1px outset #ccc;
	float:left;
}
/* active item */
div.scrollable#scrollcommerceDuMois div.items div:hover{	
	background:#fff;
	color:#2197BD;
}
div.scrollable#scrollcommerceDuMois div.items div:active{	
	background:#fff;	
	color:#2197BD;
}


/* root element for scrollable PROMOS */
div.scrollable#scrollpromos{
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 210px;	
	width:421px;
	float:left;
	background:#ddd;
}
/* root element for scrollable items */
div.scrollable#scrollpromos div.items {	
	width:20000em;	
	position:absolute;
	clear:both;	
	/* decoration */
	margin:0;
	cursor:pointer;	
	Nfloat:left;
}
div.scrollable#scrollpromos div.items div { /*** PROMOS ***/
	text-align:center;
	width:210px;
	height:210px;
	padding-top:10px;
	font-size:12px;
	border-left:1px solid #fff;
	float:left;
}
/* active item */
div.scrollable#scrollpromos div.items div:hover{	
	background:#fff;
	color:#2197BD;
}
div.scrollable#scrollpromos div.items div:active{	
	background:#fff;	
	color:#2197BD;
}
/*** SCROLL NEWS ******************************************************************************/

/* root element for scrollable PROMOS */
div.scrollable#scrollnews{
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 150px;	
	width:236px;
	float:left;
	background: #eee;
}
/* root element for scrollable items */
div.scrollable#scrollnews div.items {	
	width:20000em;	
	position:absolute;
	clear:both;	
	margin:0;
	cursor:pointer;	
}
div.scrollable#scrollnews div.items div { /*** PROMOS ***/
	text-align:left;
	padding-top:10px;
	font-size:12px;
	nborder-right:1px outset #ccc;
	float:left;
}
/* active item */
div.scrollable#scrollnews div.items div:hover{	
	background:#fff;
	ncolor:#2197BD;
}
div.scrollable#scrollnews div.items div:active{	
	background:#fff;	
	ncolor:#2197BD;
}


a.prev, a.next{
	display:block;
	display:inline;
	width:18px;
	height:210px;
	background:url(img/arrow_left.png) no-repeat;
	background-position:0 center;
	background-color:#eee;
	nbackground-color:#ddd;
	float:left;
	margin:0px 0px;
	cursor:pointer;
}
a.prevnews, a.nextnews{

	height:150px;
}

/* prev, next, prevPage and nextPage buttons */
a.prevPage, a.nextPage {
	display:block;
	Ndisplay:inline;
	width:240px;
	height:18px;
	background:url(img/arrow_up.png) no-repeat;
	background-position:center 0;
	background-color:#f0F0F0;
	Nfloat:left;
	Nmargin:43px 10px;
	cursor:pointer;
}
/* mouseover state */
a.prev:hover, a.next:hover  {
	background-position:-18px center;
	background-color:#ffffff;
}
/* mouseover state */
a.prevPage:hover, a.nextPage:hover {
	background-position:center -18px;
	background-color:#ffffff;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next{
	background-image:url(img/arrow_right.png);
}
/* next button uses another background image */
a.nextPage {
	background-image:url(img/arrow_down.png);
}
/*** FIN SCROLLERS *****************************************************************************/