@charset "utf-8";
/* CSS Document */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
div.scrollable { /* required settings */
	position:relative; overflow:hidden; width: 837px; height: 95px; }
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
div.scrollable div.items { /* this cannot be too large */
	width:20000em; position:absolute; clear:both; }
/* single scrollable item */
.scrollable .boutons { float:left; background-color:#fff; cursor:pointer; width:110px; height:80px; margin-top: 8px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; }
.boutons img { width:110px; height:60px; border:1px solid #ccc; margin-bottom: 2px; }
.boutons .txt { font-family: Verdana, Geneva, sans-serif; font-size: 0.9em; display: block; margin-right: -2px; }
/* active item */
.scrollable .active img { width:110px; height:60px; border:1px solid #000000; margin-bottom: 2px; }
.scrollable .active .txt { font-family: Verdana, Geneva, sans-serif; font-size: 0.9em; line-height: 1.2em; display: block; }