#screen{
	width:800px;
	padding:0;
}			
#screen li{
	float:left;
	list-style:none;
}
#screen .jq-ss-crop{
	margin:0px 11px;				
	float:left;				
}
#left, #right{
	font-weight:bolder;
	font-size:36px;
	margin-top:115px;
	display:block;
	text-decoration:none;
	color:black;
}
#view{
	margin:0px;
	width:600px;				
	height:138px;
	overflow:hidden;
}
#images{
	padding:0;
}
#images li img {
	border:0;
}
.storyContainer {
	width: 680px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 10px;
}
.artDetail {
	width: 170px;
	overflow: hidden;	
}
.artDetail .artVisuel {
	width: 80px;
	float: left;
}
.artDesc h1 {
	font-size: 11px;
	color: #000;
}
.artDesc h1 a {
	font-size: 11px;
	color: #000;
}
.artDesc {
	width: 89px;
	float: right;
}
.leftStory {
	float: left;
	width: 180px;
	height:350px;
}
.rightStory {
	float: left;
	width: 180px;
}
.centerStory {
	float: left;
	width: 300px;
	text-align: center;
}
.moduleStory {
	height: 96px;
	width:722px;
	background-color:#cbe1db;
	margin:0 auto;	
	position: relative;
}
.moduleStoryContent {
	width: 667px;
	height:96px;
	overflow: hidden;
	margin: auto;
	background:url(../images/background/backScrollHistoires.gif) repeat-x left top;
}
#slideshow {
	overflow: hidden;
	width: 667px;
	position:absolute;
	left:26px;
	top:0;
	z-index:0;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#slideshow li {
	float: left;
	width: 108px;
	cursor: pointer;
}
#slideshow li a {
	display:block;
}
.ImgStory {
	
}
.ImgStoryCurrent {
	margin:-5px 0 0 0;
}
.listage {
	height: 260px;
}
.leftArrowStory {
	width: 17px;
	position: absolute;
	top: 45px;
	left: 4px;
	z-index: 10;
}
.rightArrowStory {
	width: 17px;
	position: absolute;
	top: 45px;
	right: 4px;
	z-index: 10;	
}
.storyPager {
	background: url(images/fond/bg_pager_story.gif) repeat-x left bottom;
	height: 26px;
	width: 100%;
	overflow: hidden;
	padding-top: 30px;
}
.storyPager h4 {
	font-size: 18px;
	color: #ac0a26;
	float: left;
	width: 100px;
	padding-left: 5px;
	text-align: right;
	padding-left: 170px;
}
.storyPager h4 span {
	display: block;
}
.leftArrowPagerStory {
	float: left;
	width: 100px;
	color: #000;
	background: url(images/arrows/arrowGalleryLeft.gif) no-repeat 30px 7px;
	display: inline-block;
	height: 20px;
	padding: 3px 0 0 44px;
	font-size: 12px;
	font-weight: bold;
}
.rightArrowPagerStory {
	float: right;
	width: 60px;
	color: #000;
	background: url(images/arrows/arrowGalleryRight.gif) no-repeat 60px 7px;
	display: inline-block;
	height: 20px;
	padding: 3px 40px 0 0;
	font-size: 12px;
	font-weight: bold;
}
.storyListContent {
	width: 106px;
}
.storyListContent a {
	width: 106px;
	padding: 1px;	
	display: block;
}
li.current .storyListContent a {
	
}
li.current .storyList h4 span {
	color: #AC0A26;
}
li.current .storyList a.arrowLink {
	display: none;
}
.storyList {
	width: 106px;
	float: left;
	padding: 7px 0 10px 0;
}
.storyList h4 span {
	font-size: 14px;
	padding-bottom: 5px;
	font-weight: bold;
}
h4 {
	font-size: 16px;
	color: #ac0a26;
}