/**
 * Fichier 		: spheres.css
 * Auteurs  	: Anthony St�phan <astephan [at] nealite.fr>
 * Copyright 	: nealite.fr
 * Version 	    : 1.0.0
 ***************************************************/
 
#spheres_thematiques,
#selection_curiosphere
{
	float: left; 
	width: 634px;
}
 
#spheres_thematiques
{
	background: url(../images/s/blocs/spheres/bloc_spheres_thematiques/fond.jpg) top center no-repeat;	
	height: 300px;
}
#spheres_thematiques h2
{
	float: left;
	text-indent: -9999px;
}

#selection_curiosphere
{
	background: url(../images/s/blocs/spheres/bloc_selection_curiosphere/bloc_titre.png) 0 0 no-repeat;
}

#selection_curiosphere h2
{
	height: 35px;
	text-indent: -9999px;
}

#selection_curiosphere .selection_sphere
{
	float: left;
	height: 210px;
	margin: 0 0 10px;
	width: 313px;
}

#selection_curiosphere .gauche
{
	float: left;
}

#selection_curiosphere .droite
{
	float: right;
}

#selection_curiosphere .bloc_cite
{
	background: url(../images/s/blocs/spheres/bloc_selection_curiosphere/bloc_cite.png) 0 0 no-repeat;
}

#selection_curiosphere .bloc_participatif
{
	background: url(../images/s/blocs/spheres/bloc_selection_curiosphere/bloc_participatif.png) 0 0 no-repeat;
}

#selection_curiosphere .bloc_centre_pompidou
{
	background: url(../images/s/blocs/spheres/bloc_selection_curiosphere/bloc_centre_pompidou.png) 0 0 no-repeat;
}

#selection_curiosphere .bloc_ina
{
	background: url(../images/s/blocs/spheres/bloc_selection_curiosphere/bloc_ina.png) 0 0 no-repeat;
}

#selection_curiosphere .selection_sphere h3
{
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px 10px;
	width: 293px;
}
	#selection_curiosphere .selection_sphere h3 a
	{
		color: #fff;
		text-decoration: none;
	}
	.conteneur_logo
	{
		margin-left: 230px;
		position: absolute;
		text-align: right;
		width: 50px;
	}
	#selection_curiosphere .selection_sphere h3 .logo_sphere
	{
	}
	


#selection_curiosphere .selection_sphere ul
{
	float: left;
	margin: 50px 0 0;
}

#selection_curiosphere .selection_sphere ul li
{
	float: left;
	height: 124px;
	padding: 0 0 0 10px;
	width: 92px;
}

#selection_curiosphere .selection_sphere ul li a
{
	color: #065acd;
	float: left;
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 2px 0 0;
	width: 90px;
}

#selection_curiosphere .bloc_participatif strong
{
	font-weight: bold !important;
	margin: 80px 0 0;
}

#selection_curiosphere .bloc_participatif strong,
#selection_curiosphere .bloc_participatif ul,
#selection_curiosphere .bloc_participatif ul li
{
	font-size: 1.1em;
	float: left;
	height: auto;
	margin-left: 15px;
	width: 250px;
}

#selection_curiosphere .bloc_participatif ul
{
	margin: 10px 0 0;
}

#selection_curiosphere .bloc_participatif ul li
{
	line-height: 1.3em;
}

/* Sphère */

.votre_sphere
{
	background: #486690 url('../images/s/fonds/spheres/votre_sphere.jpg') top center no-repeat;
}

.ina
{
	background: #e3e3e3 url('../images/s/fonds/spheres/ina.jpg') top center no-repeat;
}

#sphere #recherche
{
	/*margin: 0 0 150px ;*/
	padding: 5px 10px 10px;
}

#sphere p#fil_ariane 
{
	padding: 0 15px 15px;
}

/* Sélection du jour */

#selection_jour,
#selection_jour h2,
#selection_jour .corps,
#selection_jour .rebonds,
#selection_jour .player,
#selection_jour .informations
{
	float: left;
}

#selection_jour
{
	background: url('../images/s/blocs/spheres/bloc_selection_jour/fond.png') 0 0 no-repeat;
	height: 520px;
	width: 541px;
}

#selection_jour.generique
{
	background: url('../images/s/blocs/spheres/bloc_selection_jour/fond_generique.png') 0 0 no-repeat;
}
 
#selection_jour h2
{
	/*text-indent: -9999px;*/
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	height: 14px;
	padding: 7px 18px;
}

#selection_jour .corps
{
	background: #e4f1f4;
	height: 595px;
	margin: 33px 5px 5px;
	width: 530px;
}

#selection_jour .rebonds
{
	height: 122px;
}

#selection_jour .player
{
	margin: 10px 0 0 6px;
	height: 440px;
}

#selection_jour .informations
{
	margin: 5px 0 0;
	padding: 5px;
}

#selection_jour .informations a
{
	color: #065acd;
	font-size: 1.3em;
}

#selection_jour .informations span
{
	color: #868686;
	font-size: 1.1em;
	margin: 0 5px;
}

#votre_sphere,
#presentation
{
	float: right;
	height: 220px;
	width: 396px;
}

#presentation h2
{
	width: 200px;
}

#votre_sphere
{
	background: url('../images/s/blocs/spheres/bloc_votre_sphere/fond.png') 0 0 no-repeat;
}

#presentation
{
	background: url('../images/s/blocs/spheres/bloc_presentation/titre.png') 0 0 no-repeat;
}

#votre_sphere h2,
#presentation h2,
#votre_sphere .corps,
#presentation .corps,
#votre_sphere p,
#presentation p,
#votre_sphere ul,
#presentation ul,
#votre_sphere a.icone_rss,
#presentation a.icone_rss,
#presentation img
{
	float: left;
}

#votre_sphere h2
{
	text-indent: -9999px;
}

#presentation h2
{
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	height: 14px;
	width: 350px;
	padding: 7px 18px;
}

#votre_sphere .corps
{
	margin: 44px 0 0 110px;
	width: 270px;
}

#presentation .corps
{
	margin: 10px 0 0 10px;
	width: 370px;
}

#votre_sphere .corps p,
#presentation .corps p
{
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 5px 24px;
}

#presentation .corps p
{
	width: 225px;
}

#votre_sphere .corps ul,
#presentation .corps ul
{
	margin: 0 0 5px 124px;
}

#votre_sphere .corps ul li,
#presentation .corps ul li
{
	font-size: 1.1em;
	margin: 7px 0;
}

#votre_sphere .corps ul li strong,
#presentation .corps ul li strong
{
	font-weight: bold;
}

#votre_sphere .corps ul li a,
#presentation .corps ul li a
{
	color: #065acd;
}

#votre_sphere .corps a.icone_rss,
#presentation .corps a.icone_rss
{
	color: #065acd;
	display: block;
	font-size: 1.1em;
	padding-top: 3px;
	padding-bottom: 3px;	
}

#presentation .corps a.icone_rss
{
	float: right;
	width: 225px;
}

#presentation .toutes_spheres
{
	background-color: #e1eff7;
	height: 15px;
	margin-top : 15px;
	padding: 5px;
	width: 370px;
}

#participer_publier,
#evenements
{
	float: right;
	height: 140px;
	margin-top: 10px;
	width: 396px;
}
#participer_diversimages
{
	background: url('../images/s/blocs/spheres/diversimages/fond.png') 0 0 no-repeat;
	float: right;
	height: 150px;
	margin-top: 10px;
	width: 396px;
}
	#participer_diversimages .corps
	{
		font-size: 1.2em;
		font-weight: bold;
		line-height: 15px;
		margin: 45px 0 0 110px;
	}
		#participer_diversimages .corps a
		{
			color: #0066CC;
		}
		#participer_diversimages .corps .btnPublier
		{
			margin: 7px 0 0 110px;
		}
#participer_cannes
{
	background: url('../images/s/blocs/spheres/cannes/fond.png') 0 0 no-repeat;
	float: right;
	height: 150px;
	margin-top: 10px;
	width: 396px;
}
	#participer_cannes .corps
	{
		font-size: 1.2em;
		font-weight: bold;
		line-height: 15px;
		margin: 45px 0 0 110px;
	}
		#participer_cannes .corps a
		{
			color: #0066CC;
		}
		#participer_cannes .corps .btnPublier
		{
			margin: 7px 0 0 110px;
		}
#evenements h2
{
	width: 396px;
}

#participer_publier
{
	background: url('../images/s/blocs/spheres/bloc_participer_publier/fond.png') 0 0 no-repeat;
	
}

#evenements
{
	background: url('../images/s/blocs/spheres/bloc_evenements/titre.png') 0 0 no-repeat;
}

#participer_publier .corps,
#evenements .corps,
#participer_publier h2,
#evenements h2,
#participer_publier ul,
#participer_publier a
{
	float: left;
}

#participer_publier h2,
#evenements h2
{
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	height: 14px;
	padding: 9px 18px;
}

#participer_publier ul
{
	float: left;
	margin: 10px 0 0 100px;
	font-size: 1.3em;
	font-weight: bold;
	width: 250px;
}
#participer_publier .btnPublier
{
	margin-top: -20px;
}

#participer_publier ul li
{
	margin: 10px 0;
}

#participer_publier a
{
	margin: 20px 0 0 220px;
}

#evenements .evenement
{
	float: left;
	padding: 10px 0;
	width: 396px;
}

#evenements .premier
{
	border-bottom: 1px solid #e8e8e8;
}

#evenements .evenement img
{
	float: left;
}

#evenements .evenement h3,
#evenements .evenement p
{
	float: right;
	font-size: 1.1em;
	width: 290px;
}

#evenements .evenement a.lien
{
	float: right;
	font-size: 1.1em;
	width: 290px;
}

#evenements .evenement h3
{
	font-weight: bold;
	margin: 0 0 5px;
}

#evenements .evenement p
{
	line-height: 1.3em;
	margin: 0 0 5px;
}

#evenements .evenement a
{
	color: #065acd;
}

#partie_2
{
	clear: both;
	float: left;
	width: 100%;
}

/* Vidéos vues */

#videos_vues
{
	background: url('../images/s/blocs/spheres/bloc_videos_vues/fond.png');
	float: left;
	height: 551px;
	margin: 10px 0 0;
	width: 618px;
}

#videos_vues h2
{
	color: #fff;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	margin: 3px 0 0;
	height: 14px;
	padding: 9px 18px;
}

#videos_vues .corps
{
	clear: both;
	float: left;
	padding: 5px 10px;
	width: 598px;
}


#videos_vues .video
{
	float: left;
	margin: 5px 3px 20px;
	width: 290px;
}

#videos_vues .video .corps
{
	float: left;
	padding: 5px;
}

#videos_vues .video_selection
{
	background: #e8e8e8 url(../images/s/blocs/liste_videos/video_selection_haut.png) 0 0 no-repeat;	
}

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

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

#videos_vues .video h3.icone_fleche_bleue
{
	color: #666;
}

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

#videos_vues .video h3 a,
#videos_vues .video h4 a,
#videos_vues .video .categorie
{
	color: #065acd;
}

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

#videos_vues .video h4
{
	margin: 0 0 10px;
	width: 150px;
}

#videos_vues .video h4 a
{
	font-size: 1.1em;
	line-height: 1.2em;
}

#videos_vues .video h4,
#videos_vues .video .vignette,
#videos_vues .video .resume,
#videos_vues .video .auteur, 
#videos_vues .video .duree,
#videos_vues .video .note,
#videos_vues .video .note span,
#videos_vues .video .note img
{
	float: left;
}

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

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

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

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

#videos_vues .video .vignette img
{
	border: 0;
}

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

#videos_vues .video .resume,
#videos_vues .video .auteur,
#videos_vues .video .duree
{
	font-size: 1.1em;
}

#videos_vues .video .resume,
#videos_vues .video .auteur
{
	color: #39444c;
	width: 150px;
}

#videos_vues .video .resume
{
	line-height: 1.3em;
	margin: 0 0 5px;
}

#videos_vues .video .auteur
{
	margin: 0 0 10px;
}


#videos_vues .video .duree
{
	color: #666;
	width: 150px;
}

#videos_vues .video .gauche
{
	float: left;
	width: 160px;
}

#videos_vues .video .note
{
	background: url(http://www.curiosphere.tv/_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;
}

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

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

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

#videos_vues .video .sphere
{
	color: #666;
	float: right;
	font-size: 1.1em;	
}

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

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

#videos_vues a.puce_fleche_bleue
{
	color: #065acd;
	font-size: 1.2em;
	float: right;
	margin: 0 10px 0 0;
}

#presentation a.puce_fleche_bleue
{
	color: #065acd;
	font-size: 1.1em;
	float: left;
	margin: 0 10px 0 0;
}

#sites_thematiques
{
	background: url('../images/s/blocs/spheres/bloc_sites_thematiques/fond.png');
	float: right;
	height: 547px;
	margin: 12px 0 0;
	width: 326px;
}

#sites_thematiques h2
{
	color: #fff;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	margin: 3px 0 0;
	height: 14px;
	padding: 9px 0 9px 60px;
	width: 200px;
}

#sites_thematiques .corps
{
	clear: both;
	float: left;
	padding: 5px 10px;
	width: 306px;
}

#sites_thematiques .site,
#sites_thematiques .site h3
{
	float: left;
}

#sites_thematiques .site
{
	margin: 20px 0 0 3px;
}

#sites_thematiques .site h3
{
	line-height: 1.6em;
	font-weight: bold;
	margin: 0 0 5px;
	width: 250px;
}

#sites_thematiques .site h3 a
{
	color: #06c;
	font-size: 1.2em;
}

#sites_thematiques .site .vignette
{
	clear: both;
	float: left;
	margin: 0 10px 0 0;
}

#sites_thematiques .site .resume
{
	color: #39444c;
	float: left;
	font-size: 1.1em;
	line-height: 1.3em;
	width: 180px;
}


/*
#sphere #colonne_principale #liste_videos
{
	margin-left: 10px;
}

#sphere #colonne_principale #liste_videos .resultats
{
	width: 955px;
}

#sphere #colonne_principale #liste_videos .resultats .video
{
	width: 310px;
}

#sphere #colonne_principale #liste_videos .resultats .duree
{
	width: 100px;
}

#sphere #colonne_principale #liste_videos #pagination
{
	margin-left: 250px;
}

#sphere #liste_videos h2
{
	margin: 10px 0 0;	
}

#sphere #colonne_centrale
{
	margin-left: 50px;
}

#sphere #colonne_centrale #liste_videos #pagination
{
	margin: 0 0 0 80px;
}

#sphere #liste_videos .onglets
{
	width: 650px;
}

#liste_videos .onglets ul
{
	width: 500px;	
}

#sphere #liste_videos .resultats
{
	margin: 10px 0 0;
	width: 675px;
}

#sphere #liste_videos .resultats .video
{
	width: 325px;
}

#sphere #liste_videos .resultats .resume
{
	width: 150px;
}

#sphere #liste_videos .resultats .note
{
	clear: both;
}
*/

#sphere .avertissement
{
	float: left;
	font-size: 1.1em;
	margin: 5px 10px;
}

#sphere .avertissement li
{
	margin: 5px 0;
}

#sphere #corps textarea
{
	height: 100px;
	width: 300px;
}

#sphere p.champs_obligatoires
{
	clear: both;
	float: left;
	width: 600px;
}

#sphere #toutes_chaines
{
	background: url('../images/s/blocs/spheres/bloc_toutes_chaines/titre.png') 0 0 no-repeat;
	float: left;
	height: 200px;
	width: 634px;
}

#sphere #toutes_chaines h2
{
	text-indent: -9999px;
}

#sphere #toutes_chaines .corps
{
	float: left;
	margin: 25px 0 0;
}

#sphere #toutes_chaines .chaine
{
	float: left;
	height: 30px;
	margin: 5px 0 20px;
	width: 313px;
}

#sphere #toutes_chaines .chaine img
{
	float: left;
	margin: 0 5px 0 0;
}

#sphere #toutes_chaines .chaine a
{
	color: #06c;
	float: right;
	font-size: 1.2em;
	padding-top: 15px;
	width: 250px;
}

#videos_votre_sphere h3{
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	height: 14px;
	padding: 5px 18px;
}