/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.iuSC1{
	width: 641px;
	height: 202px;
	position:relative;
	top:120px;
	left:50px;
}

.mask{
	background:url(../habillage/mask_2.png) no-repeat;
	width: 712px;
	height: 223px;
	position:relative;
	top:-100px;
	left:50px;
	z-index:9999;
}
.b1{
	position:absolute;
	top:93px;
	left:32px;
}
.b2{
	position:absolute;
	top:80px;
	left:255px;
}
.b3{
	position:absolute;
	top:80px;
	left:488px;
}
#date{
	background:url(../textes/24042010.jpg) no-repeat;
	width: 190px;
	height: 55px;
	position:relative;
	top:-180px;
	left:35px;
	z-index:9999;
}
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 637px;
	height:250px;

	/* custom decorations
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x; */
}

/*
	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.
*/
.scrollable .vigns {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .vign {
	float:left;
	margin:10px 40px 10px 11px;
	background-color:transparent;
	padding:0px;
	border:0px;
	cursor:pointer;
	width:180px;
	height:250px;
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	z-index:1;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:2;
	position:relative;
}


/*
	root element for the scrollable2.
	when scrolling occurs this element stays still.
*/
.scrollable2 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width:860px;
	height:367px;

	/* custom decorations */
	border:none;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable2 items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable2 items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable2 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:860px;
}

/* single scrollable2 item */
.scrollable2 img {
	float:left;
	margin:0px;
	background-color:transparent;
	padding:0px;
	border:none;
	width:860px;
	height:367px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable2 .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
#browsable_cadre {
	position: absolute;
	left: 50px;
	top:  372px;
	background:transparent url(../habillage/mask_scrollable2.png) no-repeat scroll 0 0;
	width: 860px;
	height: 367px;
	z-index: 1234567;
}
#browsable {
	position: relative;
	left: 50px;
	top:30px;
	
}
.navi a.active {
background-position:0 -16px;
}
.navi {
	position: relative;
	left: 426px;
	top:38px;
}
.navi a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../habillage/arrow/navigator.png) no-repeat scroll 0 0;
display:block;
float:left;
font-size:1px;
height:8px;
margin:3px;
width:8px;
}

a {
color:#295C72;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}