@charset "utf-8";
/*
** Fichier : videos.css
** Projet : Magazine Mode d'emploi
** Author : Annick Desmeules Paré
** Date : 24 août 2009
*/

body{height:2400px!important;}

#page{
	background:url(../img/videosBG.jpg);
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}

/* **** CONTENT **** */
#content{
	position:absolute;
	top:576px;
	left:50px;
	width:918px;
	height:622px;
}

#content .content{
	position:relative;
	width:520px;
}

.zoneVideoConsignes{color:#FFFFFF;}
.zoneVideoInfo{
	position:absolute;
	left:20px;
	top:400px;
	color:#FFFFFF;
	font-size:11px;
}

.video {
	position:absolute; 
	left:75px;
	top:90px;
	width:362px;
	height:259px;
}

/* **** BOÎTES **** */
#boxes {
	position:absolute;
	left:550px;
	top:45px;
}	
	table.box{
		float:left;
		width:330px;
		height:118px!important;
		margin-bottom:20px;
		padding:0px 10px;
		background:url(../img/videosBoxBG.jpg) no-repeat;
	}
	
	table.box img{
		width:92px;
		height:65px;
		margin:25px 20px;
		background:#666666;
	}	

	table.box td.zoneTexte {
		width:185px;
		height:118px;
		padding:15px 10px;
		color:#ffffff;
		font-size:11px;
	}

	td.zoneTexte p,
	td.zoneTexte h4,
	table.Info a{color:#ffffff;text-decoration:none;}	
	
	td.zoneTexte h4{margin-top:6px;}
	
	/* INFO */
	table.Info {top:2016px;}