/* 
    Document   : external
    Created on : 23 avr. 2011, 16:38:11
    Author     : JC
    Description:
        styles associés à la mise en page de composants Javascript
*/

/**
 *
 * mooScroller / mootools plugin
 * personnalisation des scrollbars
 */
 /*container*/
.bar { position:absolute; right:0; top:0; visibility: hidden; filter: alpha(opacity=0); opacity: 0; width: 10px; z-index: 400; }
#scroll-master-bar.bar { background: #fff; visibility: visible; width: 20px; filter: alpha(opacity=100); opacity: 1; }
#scroll-R-bar.bar,.catalog-01 #scroll-fluid-bar.bar { right: 0; }
#scroll-L-bar.bar,.inside-L.bar { left: 210px; right: 0; }
.sheet-01 #scroll-L-bar { left: 280px; }
.catalog-02 .inside-L.bar { left: 380px; }
#scroll-fluid-bar.bar { right: 240px; }
/*scrollbar*/
.scrollbar { background-color: #fff; margin:0 0 0 0;position:relative; width: 10px; z-index: 400; }
#scroll-master-bar .scrollbar { margin-left: 10px;}
.handle { background:#000;  cursor: pointer; width: 10px; z-index: 400;}


/**
 *
 * mooScrollbar / mootools plugin
 * personnalisation des scrollbars
 */
/*conteneurs principaux*/
#scroll-L,#scroll-R,#scroll-fluid,#scroll-master { /*height: 200px;*/ }
#scroll-L-batch,#scroll-R-batch,#scroll-fluid-batch { /*height:200px;*/ /*float: left;*/ position: relative; overflow: hidden; }
#scroll-master-batch { float: left; position: relative; overflow: hidden;  }
.scroll-L-batch,.scroll-R-batch,.scroll-fluid-batch { /*height:200px;*/ /*float: left;*/ position: relative; overflow: hidden; }
/*scrollbar*/
.vScrollbar { position: absolute; right: 0; top: 0; z-index: 60; }
.vTrack { background: #fff; height: 300px; overflow: hidden; position: relative; width: 10px; }
.vThumb { background: #000; height: 10px; left: 0; overflow: hidden; position: absolute; top: 0;width: 8px;}
.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner { background: #777; height: 10px; overflow: hidden; width: 10px; }
.arrowLeft, .arrowRight, .corner { float: left; }
.corner { background: #000; }
/* templating
param : specificité au template du site
---------------------------------------------- */
.gcontainer-01 #scroll-L .vScrollbar,.gcontainer-02 #scroll-L .vScrollbar,.gcontainer-02 .scroll-L .vScrollbar,.gcontainer-03 #scroll-L .vScrollbar,.gcontainer-01 #scroll-fluid .vScrollbar { right: 10px; }
#scroll-master > .vScrollbar { background: #fff; width: 20px; }
#scroll-master > .vScrollbar .vTrack { float: right; }