/**
 * Fichier 		: liste_videos.css
 * Auteurs  	: Anthony Stéphan <astephan [at] nealite.fr>
 * Copyright 	: nealite.fr
 * Version 	    : 1.2.0
 ***************************************************/
	
/**
 * Générique
 ***************************************************/
 
h2	
{
	color: #094475;
	font-size: 1.7em;
	font-weight: bold;
	width: 635px;
}

#colonne_centrale h2
{
	margin: 10px 0 0;
	width: 400px;
}

/**
 * Liste vidéos
 ***************************************************/

#liste_videos,
#liste_videos .onglets,
#liste_videos .onglets h2,
#liste_videos .onglets ul,
#liste_videos .resultats,
#liste_videos .resultats .video
{
	float: left;
}
 
#liste_videos
{
	margin: 15px 0 0;
	width: 438px;
}

#liste_videos .onglets
{
	background: url(/_assets/images/s/blocs/liste_videos/onglets_bordure.png) bottom left no-repeat;	
	height: 45px;
	width: 438px;
}

#liste_videos .onglets h2
{
	color: #656667;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 10px 0 0;
	width: 66px;
}
#liste_videos .ongletsLastVideo h2
{
	color: #656667;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	width: 150px;
}

#liste_videos .onglets ul
{
	background: url(/_assets/images/s/blocs/liste_videos/onglets.png) top left no-repeat;	
	height: 45px;
	width: 383px;
}

#liste_videos .onglets ul li,
#liste_videos .onglets ul li a
{
	float: left;
}

#liste_videos .onglets ul li
{
	font-size: 1.1em;
	margin: 0 2px 0 0;
	text-align: center;
}

#liste_videos .onglets ul li strong,
#liste_videos .onglets ul li a
{
	display: block;
	font-weight: bold;
	height: 32px;
	line-height: 1.2em;
	padding: 13px 5px 0;
}

#liste_videos .onglets ul li a
{
	color: #fff;
	text-decoration: none;
}

#liste_videos .onglets ul li strong
{
	color: #359a03;
}

#liste_videos .onglets #onglet_videos_vues
{
	width: 77px;
}

#liste_videos .onglets #onglet_videos_vues a
{
	width: 67px;
}

#liste_videos .onglets #onglet_videos_vues strong
{
	background: url(/_assets/images/s/blocs/liste_videos/onglets.png) -84px -45px no-repeat;	
}

#liste_videos .onglets #onglet_videos_preferees
{
	width: 118px;
}

#liste_videos .onglets #onglet_videos_preferees a
{
	width: 108px;
}

#liste_videos .onglets #onglet_videos_preferees strong
{
	background: url(/_assets/images/s/blocs/liste_videos/onglets.png) -163px -45px no-repeat;	
}

#liste_videos .onglets #onglet_videos_documentees
{
	width: 98px;
}

#liste_videos .onglets #onglet_videos_documentees a
{
	width: 88px;
}

#liste_videos .onglets #onglet_videos_documentees strong
{
	background: url(/_assets/images/s/blocs/liste_videos/onglets.png) -283px -45px no-repeat;	
}

#liste_videos .resultats .video
{
  	height:195px;
	margin: 5px 3px 0;
	width: 213px;
}

#liste_videos .resultats .video .corps
{
	float: left;
	padding: 5px;
	width: 203px
}

#liste_videos .resultats .video_selection
{
	/*background: #e8e8e8 url(../images/s/blocs/liste_videos/video_selection_haut.png) 0 0 no-repeat;*/
	background-color: #EDEDED;
	height:195px;
}

#liste_videos .resultats .video_selection .corps
{
	background: url(/_assets/images/s/blocs/liste_videos/video_selection_bas.png) bottom left no-repeat;	
}

#liste_videos .resultats .video h3
{
	height: 3.2em;
	line-height: 1.6em;
	font-weight: bold;
	margin: 0 0 5px;
}

#liste_videos .resultats .video .lastVideo
{
	line-height: 1.6em;
	font-weight: bold;
	margin: 5px 0 3px;
}

#liste_videos .resultats .video h3 a,
#liste_videos .resultats .video .categorie
{
	color: #06c;
}

#liste_videos .resultats .video h3 a
{
	font-size: 1.2em;
}

#liste_videos .resultats .video .vignette,
#liste_videos .resultats .video .resume,
#liste_videos .resultats .video .categorie,
#liste_videos .resultats .video .duree,
#liste_videos .resultats .video .note,
#liste_videos .resultats .video .note span,
#liste_videos .resultats .video .note img
{
	float: left;
}

#liste_videos .resultats .video .vignette
{
	margin: 0 10px 0 0;
}

#liste_videos .resultats .video .vignette,
#liste_videos .resultats .video .vignette .lecture
{
	height: 80px;
	width: 104px;
}

#liste_videos .resultats .video .vignette
{
	display: block;
	margin: 0 7px 0 0;
	position: relative;
}

#liste_videos .resultats .video .vignette img,
#liste_videos .resultats .video .vignette .lecture
{
	position: absolute;
}

#liste_videos .resultats .video .vignette img
{
	border: 0;
}

#liste_videos .resultats .video .vignette .lecture
{
	/*background: url(http://www.curiosphere.tv/_assets/images/s/icones/lecture_mini.png) 73px 46px no-repeat;*/
	z-index: 2;
}

#liste_videos .resultats .video .resume,
#liste_videos .resultats .video .categorie,
#liste_videos .resultats .video .duree
{
	font-size: 1.1em;
}

#liste_videos .resultats .video .resume,
#liste_videos .resultats .video .categorie
{
	width: 84px;
}

#liste_videos .resultats .video .resume
{
	color: #39444c;
	margin: 0 0 10px;
}

#liste_videos .resultats .video .duree
{
	color: #666;
	width: 200px;
}

#liste_videos .resultats .video .gauche
{
	float: left;
	/* si on enlève le logo chaine dans liste videos 
	width: 200px;*/
	width: 170px;
	
}

#liste_videos .resultats .video .note
{
	background: url(/_assets/images/s/fonds/note.png) top left no-repeat;	
	color: #666;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	height: 28px;
	margin: 5px 0 0;
	width: 190px;
}

#liste_videos .resultats .video_selection .note
{
	background: 0;
	width: 160px;
}

#liste_videos .resultats .video .note span
{
	margin: 9px 0 0 10px;
}

#liste_videos .resultats .video .note img
{
	margin: 4px 0 0 10px;
	vertical-align: middle;
}

#liste_videos .resultats .video .sphere
{
	color: #666;
	/* si on enlève le logo chaine dans liste videos 
	float: left;*/
	float: right;
	font-size: 1.1em;
	padding-left: 10px;	
}

#liste_videos .resultats .video .sphere a
{
	color: #0066CC;
}

#liste_videos .resultats .video .sphere_logo
{
	float: right;
	height: 45px;
	position: relative;
	width: 36px;
}

#liste_videos .resultats .video .sphere_logo img
{
	bottom: 0;
	position: absolute;
}

#liste_videos .onglets #onglet_videos_nouveautes

{
	width: 82px;
}

#liste_videos .onglets #onglet_videos_nouveautes a

{
	width: 72px;
}

#liste_videos .onglets #onglet_videos_nouveautes strong

{
	background: url(/_assets/images/s/blocs/liste_videos/onglets.png) 0 -45px no-repeat;        
}