/************************

***********ANCIENNE VERSION******

***********************************/

/*#ssa {
	width:566px;
	height:535px;
}

.max #ssa {
 	height:535px;
}

#ssa img{
	width: 427px;
    display:inline;
  }
  
  .max #ssa img{
  	height: 535px;
  	
  }
  
  #ssa .ssa_vignette_select{
    position:absolute;
    z-index:1;
    visibility:hidden;
    width:144px;
  	height:70px;
  	margin-left:-15px;
  	margin-top:1px;
  }

#ssa .small_name {
	bottom:0;
	color:#FFFFFF;
	font-size:9px;
	letter-spacing:-1px;
	margin-bottom:6px;
	margin-left:6px;
	position:absolute;
}
#ssa .title {
	bottom:0;
	color:#FFFFFF;
	font-size:10px;
	margin-bottom:55px;
	margin-left:12px;
	*margin-left:-420px;
	position:absolute;
}

.max #ssa .title {
	margin-bottom:65px;
}

#ssa .big_name {
	bottom:0;
	color:#FFFFFF;
	font-size:16px;
	margin-bottom:30px;
	margin-left:12px;
	*margin-left:-420px;
	position:absolute;
	font-weight:bold;
}

.max #ssa .big_name {
	margin-bottom:40px;
}

#ssa .current .ssa_vignette_select {
	visibility:visible;
	background-repeat:no-repeat;
	overflow:hidden;
	background-image:url(./selected-aspect.png)
}
#ssa .current {
	color:#5b1f79;
}
  
  #ssa #ssa_vignettes {
  	float:right;
  	width:145px;
  	height:457px;
  	margin-bottom:5px;
  }
  
  #ssa #ssa_vignettes img{
  	width: 130px;
  	height: 72px;
  }
  
  .max #ssa #ssa_vignettes {
  	height:535px;
  }
  
  
  .ssa_vignettes {
	display:inline;
	float:right;
	margin-bottom:5px;
	text-decoration:none;
	height:72px;
	width:130px;
	position:relative;
  }
  #ssa a{
    float:right;
    display:inline;
    margin-bottom:2px;
  }

  #ssa .ssa_greybox {
	position:absolute;
	width:290px;
	height:60px;
	opacity:0.6;
	filter : alpha(opacity=60);
	bottom:0px;
	margin-left:7px;
 	margin-bottom:8px;
 	*margin-left:-510px;
  }
  #ssa .ssa_greybox_color {
  width:290px;
  height:60px;
  background-color:#282320;
  }
   #ssa .ssa_greybox_round {
  background-image:url(../images/visionneuse/bottom_bigtitle.png);
  background-position:top left;
  background-repeat:no-repeat;
  width:510px;
  height:5px;
  }
  #ssa .ssa_greybox_text {
    position:absolute;
    width:290px;
    height:60px;
    letter-spacing:-1px;
    bottom:0px;
    margin-left:12px;
    *margin-left:-505px;
	margin-bottom:8px;
	*margin-top:20px;
    margin-top:8px;
  }
  #ssa .ssa_greybox_text .ssa_greybox_text2 {
    font-size:11px;
    color:#ffffff;
    margin-top:10px;
  }
  #ssa .ssa_greybox_text .ssa_greybox_link {
    text-decoration:underline;
    color:#ffffff;
    float:right;
	margin-right:10px;
	padding-left:10px;
	background-image:url(./white_arrow.png) !important;
	background-image:url(./white_arrow.gif);
	background-repeat:no-repeat;
	background-position:left 80%;
  }
  #ssa .ssa_vignettes a {
    text-decoration:none;
  }
  #ssa #ssa_bigimg1 {
    opacity:0;
    filter : alpha(opacity=0);
    position:absolute;
    display:block;
  }
  #ssa #ssa_bigimg2,
  #ssa #ssa_bigimg3,
  #ssa #ssa_bigimg4,
  #ssa #ssa_bigimg5,
  #ssa #ssa_bigimg6,
  #ssa #ssa_bigimg7 {
    opacity:0;
    filter : alpha(opacity=0);
    position:absolute;
    display:none;
  }

  .ssa_invisible { opacity:0;filter : alpha(opacity=0); }
  .ssa_visible { opacity:1;filter : alpha(opacity=100); }
  */
  
  
 /*******************************
 ************* NOUVELLE VERSION*****
 *************** *******************/
 
 
 #ssa {
	width:565px;
	height:535px;
}

.max #ssa {
 	height:535px;
}

 #ssa #ssa_bigimages{float:left;width:100%;height:282px;border:3px solid transparent;margin-left:-3px;}
 #ssa #ssa_bigimages:hover{border:3px solid #ff7421;}

  #ssa .ssa_vignette_select{
    position:absolute;
    z-index:1;
    visibility:hidden;
    width:70px;
  	height:135px;
  	
  }

#ssa .small_name {
	color:#222423;
	font-size:9px;
	letter-spacing:-1px;
	left:30px;
	top:53px;
	position:absolute;
	background:url(fleche-slideshow-aspect.png) no-repeat left top;
	height:26px;
	line-height:25px;
	z-index:1;
	font-size:10px;
	text-transform:uppercase;
	display:none;
	z-index:100;
}

#ssa .small_name .small-name-left {
	
	background:url(bg-left-titre-slideshow-aspect.png) no-repeat left top;
	float:left;
	width:12px;
	padding-left:12px;
}

#ssa .small_name .small-name-right {
	
	background:url(bg-right-titre-slideshow-aspect.png) no-repeat right top;
	float:left;
	min-width:175px !important;
}

#ssa .bg-legende
{
	position:absolute;
	top:0;
	left:0;
	background:url(bg-legende-slideshow-aspect.png) repeat-x left top;
	width:100%;
	height:42px;
	
}

#ssa .bg-legende ul
{
	list-style-type:none;
	padding:9px 15px;
}

#ssa .bg-legende ul li
{
	float:left;	
	list-style:none;
	padding:0;
}

#ssa .bg-legende ul li.more span
{
	background:url(puce-orange.png) no-repeat left top;
	color:#ffffff;
	padding-left:20px;
	margin-left:35px;
	line-height:21px;
	float:none;

}

#ssa .bg-legende ul li.new{margin-left:35px;margin-top:2px;}

#ssa .bg-legende ul li.new span
{
	color:#ffffff;
	padding-left:5px;
	line-height:18px;
	height:20px;
	float:left;
	font-size: 12px;
	font-weight: bold;
	background:url(bt-new-left.png) no-repeat left top;
}

#ssa .bg-legende ul li.new span span
{
	color:#fffffff;
	line-height:18px;
	height:20px;
	float:left;
	font-size: 12px;
	font-weight: bold;
	width:auto;
	background:url(bt-new-right.png) no-repeat right top;
	padding-right:10px;
}

#ssa .bg-legende ul li.next
{
	float:right;	

}

#ssa .big_name {
	bottom:0;
	color:#FFFFFF;
	font-size:16px;
	margin-left:12px;
	font-weight:bold;
	line-height:21px;
}

.default.max,moduletable_article .default,.default{position:relative;z-index:100;}

#ssa .current .ssa_vignette_select {
	visibility:visible;
	overflow:hidden;
	border:3px solid #ff7421;
	
}
#ssa .current {
	color:#5b1f79;
	z-index:1;
	position:relative;
}
 
  #ssa #ssa_vignettes {
  	float:left;
  	width:565px;
  	height:140px;
  	margin-bottom:15px;
  }
  
  #ssa #ssa_vignettes img{
  	width: 100%;
  	height: 140px;
  }
  
  .max #ssa #ssa_vignettes {
  	height:140px;
  	position:relative;
  }
  
  

  .ssa_vignettes {
	display:inline;
	float:left;
	margin-left:9px;
	text-decoration:none;
	height:140px;
	width:73px;
	position:relative;
  }
   .ssa_vignettes:first-child {margin-left:0px;  }
  
  
  #ssa a{
    float:right;
    display:inline;
    margin-bottom:2px;
  }

  #ssa .ssa_greybox {
	position:absolute;
	width:290px;
	height:60px;
	opacity:0.6;
	filter : alpha(opacity=60);
	bottom:0px;
	margin-left:7px;
 	margin-bottom:8px;
 	*margin-left:-510px;
  }
  #ssa .ssa_greybox_color {
  width:290px;
  height:60px;
  background-color:#282320;
  }
   #ssa .ssa_greybox_round {
  background-image:url(../images/visionneuse/bottom_bigtitle.png);
  background-position:top left;
  background-repeat:no-repeat;
  width:510px;
  height:5px;
  }
  #ssa .ssa_greybox_text {
    position:absolute;
    width:290px;
    height:60px;
    letter-spacing:-1px;
    bottom:0px;
    margin-left:12px;
    *margin-left:-505px;
	margin-bottom:8px;
	*margin-top:20px;
    margin-top:8px;
  }
  #ssa .ssa_greybox_text .ssa_greybox_text2 {
    font-size:11px;
    color:#ffffff;
    margin-top:10px;
  }
  #ssa .ssa_greybox_text .ssa_greybox_link {
    text-decoration:underline;
    color:#ffffff;
    float:right;
	margin-right:10px;
	padding-left:10px;
	background-image:url(./white_arrow.png) !important;
	background-image:url(./white_arrow.gif);
	background-repeat:no-repeat;
	background-position:left 80%;
  }
  #ssa .ssa_vignettes a {
    text-decoration:none;
  }
  #ssa #ssa_bigimg1 {
    opacity:0;
    filter : alpha(opacity=0);
    position:absolute;
    display:block;
  }
  #ssa #ssa_bigimg2,
  #ssa #ssa_bigimg3,
  #ssa #ssa_bigimg4,
  #ssa #ssa_bigimg5,
  #ssa #ssa_bigimg6,
  #ssa #ssa_bigimg7 {
    opacity:0;
    filter : alpha(opacity=0);
    position:absolute;
    display:none;
  }

  .ssa_invisible { opacity:0;filter : alpha(opacity=0); }
  .ssa_visible { opacity:1;filter : alpha(opacity=100); }