/*----------------------------- HERO CORP : video -----------------------------*/
/* Juin 2009 */


/* contenu general */
.hc_videos_contenu {
	width: 992px;
	height: 690px;
	border: 1px solid #8a2988;
	
	background-image: url(../img/hc_videos_img/hc_videos_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	
}

/* partie haute */
.hc_videos_retour {
	width: 992px;
	height: 44px;
	text-align: right;
}

.hc_videos_retour img{
	border: none;
	margin-right: 62px;
	margin-top: 9px;
}

/* partie gauche */
.hc_videos_colgauche {
	width: 300px;
	height: 440px;
	float: left;
}

.hc_videos_titre {
	width: 246px;
	margin-left: 54px;
	margin-top: 27px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size : 12px;
	line-height : 22px;
	background-color: #ffffff;
	border: 2px solid black;
}

.hc_videos_titre img {
	border: none;
	margin-left: 54px;
	margin-top: 27px;
}

.hc_videos_texte{
	width: 192px;
	height: 320px;
	margin-left: 76px;
	text-align: justify;
	line-height: 14px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000;

	overflow: auto;
}

/* lecteur video */
.hc_videos_player{
	width: 692px;
	height: 440px;
	float: left;
}


/* logo Hero Corp */
.hc_videos_logo {
	width: 158px;
	height: 206px;
	float: left;
}

.hc_videos_logo img {
	border: none;
	margin-top: 62px;
	margin-left: 25px;
}


/* caroussel */
.hc_videos_vignettes {
	width: 700px;
	height: 115px;
	margin-left : 110px;
	float: left;
	background-image: url(../img/hc_videos_img/hc_videos_vignettes-bg.png);
	background-position: top center;
	background-repeat: no-repeat;	
}

.hc_videos_nav-prec {
	width: 142px;
	height: 115px;
	float: left;
	text-align: right;
}

.hc_videos_nav-suiv {
	width: 54px;
	height: 115px;
	float: left;
	text-align: left;
}

.hc_videos_nav-prec img, .hc_videos_nav-suiv img {
	margin-top: 15px;
} 

/* menu general */
.hc_videos_menu {
	width: 752px;
	height: 91px;
	float: left;
}

.hc_videos_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 42px;
}
    
.hc_videos_menu li {
	width: 109px;
	height: 42px;
	
	display:inline;
	margin:0;
	padding:0;	
}

.hc_videos_menu a.hc_videos_menu01 div,
.hc_videos_menu a.hc_videos_menu02 div,
.hc_videos_menu a.hc_videos_menu03 div,
.hc_videos_menu a.hc_videos_menu04 div,
.hc_videos_menu a.hc_videos_menu05 div,
.hc_videos_menu a.hc_videos_menu06 div {
	height: 42px;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
}			
	
.hc_videos_menu a.hc_videos_menu01 div{
	width: 109px;
	background-image: url(../img/hc_videos_img/hc_videos_menu-01-accueil.png);
}

.hc_videos_menu a.hc_videos_menu02 div{
	width: 158px;
	background-image: url(../img/hc_videos_img/hc_videos_menu-02-perso.png);	
}

.hc_videos_menu a.hc_videos_menu03 div{
	width: 109px;
	background-image: url(../img/hc_videos_img/hc_videos_menu-03-videos.png);
}

.hc_videos_menu a.hc_videos_menu04 div{
	width: 158px;	
	background-image: url(../img/hc_videos_img/hc_videos_menu-04-oeufs.png);
}

.hc_videos_menu a.hc_videos_menu05 div{
	width: 109px;
	background-image: url(../img/hc_videos_img/hc_videos_menu-05-goodies.png);	
}

.hc_videos_menu a.hc_videos_menu06 div{
	width: 109px;
	background-image: url(../img/hc_videos_img/hc_videos_menu-06-forum.png);
}

.hc_videos_menu a:hover div{
	background-position:100% -42px;
}


/* copyright CALT */
.hc_videos_copy {
	float: right;
	margin-right: 60px;
}

/* logo CALT */
.hc_videos_calt {
	width: 82px;
	height: 91px;
	float: left;
	text-align: right;
}

.hc_videos_calt img {
	margin-top: 25px;
	margin-right: 15px;
	
}

#playerVideo{
position:relative;
width:640px;
height:440px;
background:url('../img/load.gif') no-repeat center;
border:1px dotted #969696;
}

* html .png{
behavior: url('data/css/png.htc');
}