#herocontainer {
	width:100%;
	padding-top:12px;
	padding-bottom:12px;
}
.herobannerfull { width:1000px; height:600px;}
.herobannertext { width:1000px; height:125px;}
.herobannersmall { width:1000px; height:60px; overflow:hidden;}
.herobannervideo { width:1000px; height:600px;}

.heroon{ display:block; }
.herooff{ display:none; }
#superhero_item {
	height:inherit;
	width:100%;
	text-align:center;
	position:relative;
}
#superhero_item li {list-style-type:none;}
.superhero_item_li{
	position: relative; 
	width: 1000px; 
	float: left; 
	height: 600px; 
	overflow: hidden;
	list-style-type:none;
}
#superhero_item .captionarea {
	height:600px;
}
#superhero_item div.media_frame{ 
	width:660px; 
	height:600px;
}
#superhero_item div.media_frame_full{ 
	width:1000px; 
	height:600px;
}
.herobannertext div.media_frame_full, .herobannertext div.media_frame { width:745px !important; height:125px !important;}
.herobannersmall div.media_frame_full, .herobannersmall div.media_frame { width:745px !important; height:60px !important;}
.herobannervideo div.media_frame_full, .herobannervideo div.media_frame { background-color:#404041;}
#superhero_item .media_right{float:right;}
#superhero_item .media_left{float:left;}
#superhero_item .captionarea{
	width:300px;
	height:560px;
	padding:20px;
	font-size:12px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.herobannervideo iframe.media_frame_full, .herobannervideo iframe.media_frame{ width:660px; height:400px; margin-top:100px;}
.herobannertext div.media_frame h3, .herobannertext div.media_frame_full h3 {font-size:36px; font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:inherit;line-height: 40px;margin-bottom: 10px;margin-top: 20px; margin-left:20px; margin-right:20px; text-align:left;}
.herobannertext div.captionarea h3, .herobannertext div.captionarea h3 {display:none;}
.herobannertext div.media_bga {background-color:#1CABE2;color:#FFF;}
.herobannertext div.media_bgb {background-color:#F5911D;color:#FFF;}
.herobannertext div.media_bgc {background-color:#8AC43E;color:#FFF;}
.herobannertext div.media_bgd {background-color:#DE2F2F;color:#FFF;}
.herobannertext div.media_bge {background-color:#58595B;color:#FFF;}
.herobannertext div.media_bgf {background-color:#F3F2EF;color:#58595B;}
.herobannertext div.media_bgg {}
.herobannertext div.media_bgh {background-color:#f6cf31;color:#58595B;}

.herobannertext .captionarea {
	width:215px !important;
	height:85px !important;
	padding:20px;
	font-size:12px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
#superhero_item .captionarea h3{font-size:36px; font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:inherit;line-height: 40px;margin-bottom: 10px;margin-top: 5px;}
#superhero_item .captionarea a{color:inherit;}
#superhero_item .captionarea a p{margin-bottom: 10px;}
#superhero_item .captionarea p.category{font-size:14px; font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;color:inherit;}
#superhero_item .captionarea .socialbuttons { width: 100px; position: absolute; bottom: 17px; } 
#superhero_item .captionarea .socialbuttons div { float:left;cursor:pointer;}
.herobannertext .captionarea .socialbuttons { display:none !important; }
#superhero_item .caption_right{right:0;}
#superhero_item .caption_left{left:0;}
#superhero_item .caption_bga a.extralinks,#superhero_item .caption_bgb a.extralinks, #superhero_item .caption_bgc a.extralinks, #superhero_item .caption_bgd a.extralinks, #superhero_item .caption_bge a.extralinks, #superhero_item .caption_bgf a.extralinks, #superhero_item .caption_bgg a.extralinks, #superhero_item .caption_bgh a.extralinks, #superhero_item .caption_bgi a.extralinks {
	background-color: #fff;
	position: relative;
	text-transform: uppercase;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	padding-left: 10px;
	padding-top:5px;
	width:200px;
	height:30px;
	background-repeat:no-repeat;
	line-height:23px;
	cursor:pointer;
	margin-top:10px;
}
#superhero_item .caption_bga{background-color:#1CABE2;color:#FFF;}
#superhero_item .caption_bga a.extralinks {
	color:#1CABE2;
	background-position: 178px 0;
	background-position-x:178px;
	/*background-position-y: -5px;*/
}
#superhero_item .caption_bgb{background-color:#F5911D;color:#FFF;}
#superhero_item .caption_bgb a.extralinks {
	color:#F5911D;
	background-position: 178px -70px;
	background-position-x: 178px;
	background-position-y: -70px;
}
#superhero_item .caption_bgc{background-color:#8AC43E;color:#FFF;}
#superhero_item .caption_bgc a.extralinks {
	color:#8AC43E;
	background-position: 178px -106px;
	background-position-x: 178px;
	background-position-y: -106px;
}
#superhero_item .caption_bgd{background-color:#DE2F2F;color:#FFF;}
#superhero_item .caption_bgd a.extralinks {
	color:#DE2F2F;
	background-position: 178px -175px;
	background-position-x: 178px;
	background-position-y: -175px;
}
#superhero_item .caption_bge{background-color:#58595B;color:#FFF;}
#superhero_item .caption_bge a.extralinks {
	color:#58595B;
	background-position: 178px -36px;
	background-position-x: 178px;
	background-position-y: -36px;
}
#superhero_item .caption_bgf{background-color:#F3F2EF;color:#58595B;}
#superhero_item .caption_bgf a.extralinks {
	color:#F3F2EF;
	background-position: 178px -211px;
	background-position-x: 178px;
	background-position-y: -211px;
}
#superhero_item .caption_bgg a.extralinks{
	background-color:#DE2F2F;
	color:#F3F2EF;
	background-position: 178px -211px;
	background-position-x: 178px;
	background-position-y: -211px;
}
#superhero_item .caption_bgh{background-color:#f6cf31;color:#58595B;}
#superhero_item .caption_bgh a.extralinks {
	color:#4d4d4d;
	background-position: 178px -140px;
	background-position-x: 178px;
	background-position-y: -140px;
}
#superhero_item .caption_bgi a.extralinks{
	background-color:#1CABE2;
	color:#FFF;
	background-position: 178px -211px;
	background-position-x: 178px;
	background-position-y: -211px;
}
#superhero_item .caption_opacity{
	/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.8; 
	/* FIREFOX TRES VIELLE VERSION <= 0.9*/
	-moz-opacity : 0.8; 
	/* IE 8 ET COMPRIS PAR IE 10*/
	-ms-filter: "alpha(opacity=80)"; 
	/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
	/* IE 4 */
	filter : alpha(opacity=80); 
	/* AUTRE */
    opacity : 0.8;
}
#superhero_item .caption_top{top:0;}
#superhero_item .caption_bottom{bottom:0;}
#superhero_item .extralinkcontainer{
	width:200px;
	background-color:#FFF;
}
.herobannertext .extralinkcontainer{ margin-top:-10px;}