/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
    width: 18px;
    height: 100%;                                   
    position: absolute;
    left: 0;
    top: 0;
    cursor: url(../images/cursor_arrow_left.png), url(../images/cursor_arrow_left.png),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
   
}

div.PCPictFlecheGauche
{
	display: block; width: 18px;
    height: 50%;
    font-size: 18px;
    position: absolute;
    /*z-index: 2000;*/
    left: 0;
    top: 40px; font-weight: bold;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
	cursor: url(../images/cursor_arrow_right.png), url(../images/cursor_arrow_right.png),w-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
   
}

div.PCPictFlecheDroit
{
	display: block; width: 18px;
    height: 50%;
    font-size: 18px;
    position: absolute;
    /*z-index: 2000;*/
    left: 5px;
    top: 40px; font-weight: bold;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
    position: relative;
    overflow: hidden;  
    width: 100%;
    height: 100%;
}

div.scrollableArea
{
    position: relative;
    width: 50000px;
    height: 100%;
	overflow: hidden; 
}