/* root element for scrollable */




        
		    body {
           border : 0;
           color : #fff;

           padding : 0 0 0 0;
		   margin-top: 0;
		   margin-bottom:0;
           margin-left: 5%;
           margin-right: auto;
           width: 1136px; /* largeur obligatoire pour être centré */
           display : block;
		   background: #000 url(../imgs/puce.gif) repeat;
		   font: 14px "Trebuchet MS", Verdana, Arial, sans-serif;
		   font-weight:bold;
		   
      }
		 #page{background: url(../imgs/bg-ete.jpg) no-repeat; border:5px solid #e9e9e9; width: 1136px; position:absolute;}
		 #header{width: 1136px;  height:150px; text-align:center; margin-top:20px;}
		
		#container{width: 1136px; height: 450px;   }
        #menu{width: 210px; height: 410px;  float: left; text-align: left;}
        #image_wrap{width: 740px; height: 550px; }
        .clear{clear: both;}
        #anim{width: 740px; height: 50px;  margin-top:0px;  position:relative; padding-top:0px; padding-bottom:5px; }
        #image_wrap img{width: 740px;height: 347px;}
        .swappers{position:absolute;}
        #currentimg{z-index:20;}
        #player{width:740px; height:420px; margin-top: 20px; border:2px solid #e9e9e9 ;}
		#tube{width:740px; height:485px; margin-top: -20px; border:2px solid #e9e9e9 ;}
        #medias{float: right;  padding:3px;  margin-top: 0px;margin-right: 30px; }
        #image_wrap{margin-right: 0px;height:347px; border:2px solid #e9e9e9 ;margin-top: 70px;}
       
        #titre{font-weight: bold; font-size: 16px; color: #535151; text-align: center; background-color:#e9e9e9;}
		.v {border:1px solid #e9e9e9}
		
	   .selected { color:red; }






.vertical {  
	
	/* required settings */
	position:absolute;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 420px;
	width: 210px;

	font-weight:bold;
	
	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	


}

/* single scrollable item */
.items div {

	
	margin-left:5px;
	width:210px;

    height:140px;
    color: #fff;
}
.items span{ padding-left:10px; display:block; background-color:#00FF00; height:20px; width:160px; position:relative;overflow:hidden;	}




/* elements inside single item */
.items img {
	float:left;
	margin-right:20px;

	height:120px;
	width:200px;
cursor:pointer;
}



/* the action buttons above the scrollable */
#actions {
	width:230px;
	height:20px;
	padding-left:10px;
	padding-right:5px;


	background: #000 url(../imgs/puce.gif) repeat;


}


#actions a {
	font-size:12px;	
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#fff;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
margin-left:60px;
}	
a{
    color: #ffffff;
	text-decoration:none;

	
}

#iconbar			{   color:#f0f0f0;}
#slide{ width:750px; 	margin-left:10px; }
#iconbar li	{
	float:left;
	position:relative;
	margin-right:20px;
	margin-top:2px;
	height:50px;

	overflow:hidden;
	list-style:none;
}
#iconbar a {
	text-decoration: none;
	outline: none;
	color:#f0f0f0;
	display: block;
	width: 24px;
	height:50px;
	padding: 2px;
	cursor:pointer;
}
#iconbar span	{
	
	height: 50px;
	position: absolute;
	display: none;

	color:#f0f0f0;;
	padding-left: 10px;

}
#iconbar img{border:0px; }