@import url(cms.css);

/**
 * Fichier : videos.css
 * Description : Styles spécifiques aux videos
 * Auteur : Hamza Iqbal - hiqbal[at]agence-clark.com
 ********************************************************/
#videos #principal .bloc_generique
{
	padding: 18px;
}

#videos #contenu_page
{
	background:0;
	color: #fff;
	padding: 0;
	width: auto;
}

/**
 * Liste des vidéos
 ******************************************/
#videos ul#liste_videos
{
	overflow: hidden;
	width: 569px;
}

#videos ul#liste_videos li
{
	float: left;
	width: 240px;
}

#videos ul#liste_videos li.last { float: right; }

#videos ul#liste_videos li.break
{
	clear: both;
	float: none;
	height: 13px;
	width: 569px;
}

#videos ul#liste_videos li .visuel
{
	height: 180px;
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
}

#videos ul#liste_videos li .visuel *
{
	display: block;
	height: 180px;
	width: 240px;
}

#videos ul#liste_videos li .visuel a
{
	background: url(../images/commun/fonds/f_play_video.png) 0 0 no-repeat;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	
	_background: 0;
}

#videos ul#liste_videos li h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 5px;
}

#videos ul#liste_videos li h3 a { color: #5291c1; }

#videos ul#liste_videos li p
{
	color: fff;
	line-height: 14px;
}

#videos ul#liste_videos li p.date { margin: 0 0 3px;}

#videos ul.pagination
{
	background-image: url(../images/commun/fonds/f_hr_2.png);
	margin: 10px 0 0;
}

/**
 * Liste des vidéos
 ******************************************/
#videos #cont_videos h3
{
	color: #5291c1;
	font-size: 22px;
	line-height: 24px;
	margin: 0 0 10px;
}

#videos #contenu_page h3,
#videos #contenu_page h4,
#videos #contenu_page p,
#videos #contenu_page ul { color: #fff; }

#videos #contenu_page ul li { background-image: url(../images/commun/puces/2.png); }