/**
 * Fichier 		: player.css
 * Auteurs  	: Anthony St�phan <astephan [at] nealite.fr>
 * Copyright 	: nealite.fr
 * Version 	    : 1.0.0
 ***************************************************/

/**
 * Colonne 1
 ***************************************************/


#colonne_1
{
	float: left;
	margin: 0 7px 0 0;
	width: 529px;
}

#colonne_1 h2
{
	color: #065acd;
	float: left;
	font-size: 1.1em;
	margin: 0 0 10px;
	width: 500px;
}
#colonne_1 .titreWebTV
{
	color: #094455;
	font-size: 12px;
	font-style: italic;
}

#colonne_1 .titreWebTV a
{
	color: #065ACD;
}

#colonne_1 h2 span
{
	color: #094475;
	font-size: 1.5em;
	font-weight: bold;
}

#colonne_1 h2 a
{
	color: #065acd;
}

#video
{
	background: url(http://www.curiosphere.tv/_assets/images/s/fonds/informations_video.png) bottom left no-repeat;
	float: left;
	padding: 0 0 15px;
	width: 529px;
}

#player
{
	float: left;
	width: 529px;
}

#information_video
{
	float: left;
	margin: 10px 0;
	width: 529px;
}

#information_video .divers
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	color: #666;
	float: left;
	font-size: 1.1em;
	padding: 0 0 15px;
	margin: 0 10px 10px;
	width: 500px;
}

#information_video .divers p
{
	float: left;
	font-weight: bold;
}

#information_video .divers p a
{
	color: #065acd;
	font-weight: bold;
}

#information_video .divers .envoi_ami
{
	color: #06c;
	float: right;
	font-size: 1.1em;
}

#informations_enseignants
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	float: left;
	font-size: 1.2em;
	margin: 5px 10px;
	padding: 0 0 15px;
	width: 500px;
}

#informations_enseignants h3
{
	color: #666;
	float: left;
	font-weight: bold;
	margin: 0 0 5px;
}

#informations_enseignants .gauche
{
	width: 300px;
}

#informations_enseignants .droite
{
	width: 200px;
}

#informations_enseignants .note,
#informations_enseignants .noter
{
	clear: both;
	color: #666;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 10px;
}

#informations_enseignants .note
{
	background: url(/_assets/images/s/fonds/note_gris.png) top left no-repeat;
	height: 28px;
	width: 128px;
}

#informations_enseignants .note span,
#informations_enseignants .noter span
{
	float: left;
	margin: 9px 0 0 10px;
}

#informations_enseignants .note img
{
	float: left;
	margin: 4px 0 0 10px;
	vertical-align: middle;
}

#informations_enseignants .noter
{
	background: url(http://www.curiosphere.tv/_assets/images/s/fonds/note_orange.png) top left no-repeat;
	height: 30px;
	width: 199px;
}

#informations_enseignants .noter ol
{
	float: left;
	margin: 5px 0 0 6px;
}

#informations_enseignants .noter ol li
{
	float: left;
}

#informations_enseignants #vote_information
{
	float: left;
	width: 300px;
}

#informations_enseignants #vote_information p
{
	color: #666;
	font-size: .9em;
	margin: 0 0 0 10px;
}

#informations_enseignants a
{
	color: #06c;
	float: left;
	margin: 0 0 10px;
}

#informations_enseignants .droite a
{
	margin: 12px 0;
}

#extrait
{
	float: left;
	font-size: 1.2em;
	margin: 5px 10px 0;
	width: 500px;
}

#extrait strong
{
	color: #390;
	font-weight: bold;
}

#resume,
#resume h3,
#resume p
{
	float: left;
}

#resume
{
	margin: 10px 10px 0;
	width: 500px;
}

#resume h3,
#resume p
{
	font-size: 1.2em;
}

#resume h3
{
	color: #390;
	font-weight: bold;
	width: 500px;
}

#resume p
{
	line-height: 1.2em;
	margin: 5px 0 0;
	width: 500px;
}

/**
 * Colonne 2
 ***************************************************/

#colonne_2
{
	float: left;
	padding: 28px 0 0;
	margin: 0;
	width: 236px;
}

#colonne_2 #en_savoir_plus
{
	border-bottom: 2px solid #A3D759;
	border-left: 2px solid #A3D759;
	border-right: 2px solid #A3D759;
	float: left;
	font-size: 1.2em;
	min-height: 106px;
	margin: 0 0 10px 0;
	width: 232px;
}
#colonne_2 #fond_fiche_accompagnement
{
	background: url('http://www.curiosphere.tv/_assets/images/s/blocs/en_savoir_plus/fond_fiche_accompagnement.jpg') no-repeat;
	color:#FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	height: 30px;
	margin: 0;
	padding: 8px 0 0 65px;
	width: 171px;
}
#colonne_2 #en_savoir_plus ul li
{
	margin: 15px 0 5px;
	padding: 0 16px 0 15px;
}
#colonne_2 #en_savoir_plus ul li a
{
	color: #065ACD;
	line-height: 20px;
}

.tiret
{
	margin: 0 0 0 -8px;
}
#colonne_2 #en_savoir_plus img
{
	margin: 10px 0 0 0;
	vertical-align: bottom;
}
#colonne_2 #en_savoir_plus .picto_pdf
{
	margin: -1px 0 0 10px;
	position: absolute;
	vertical-align: bottom;
}
#colonne_2 #head_theme_identique
{
	background:url(../images/s/blocs/theme_identique/testcolonne2_head.png) top left no-repeat;
	float: left;
	_float: none;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	width: 236px;
	height: 25px;
}

#colonne_2 #theme_identique
{
	float: left;
	font-size: 1.2em;
	padding: 0px 0px 0px 0;
	margin: 0px 0 0px 0;
	width: 236px;
	/* height: 137px; */
}

/* Dossiers Interactifs */

#colonne_2 #theme_identique #dossiers_interactifs
{
	background:url(http://www.curiosphere.tv/_assets/images/s/blocs/theme_identique/colonne2_same_theme.png) top left no-repeat;
	float: left;
	width: 236px;
}

#colonne_2 #theme_identique #dossiers_interactifs .corps
{
	background:url(http://www.curiosphere.tv/_assets/images/s/blocs/theme_identique/bloc_bas.png) bottom left no-repeat;
	float: left;
	padding: 12px 0 12px 53px;
	width: 183px;
}

#colonne_2 #theme_identique #dossiers_interactifs h4
{

	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 3px;
	padding: 10px 0 0 58px;
}

#colonne_2 #theme_identique #dossiers_interactifs ul
{
	float: left;
}

#colonne_2 #theme_identique #dossiers_interactifs ul li
{
	margin: 0 0 8px;
}
#colonne_2 #theme_identique #dossiers_interactifs ul li
{
	margin: 5px 0 10px 8px;
}
#colonne_2 #theme_identique #dossiers_interactifs ul li a
{
	color: #065acd;
	line-height: 2;
}

/* Vid�os similaires */

#videos_similaires
{
	background: url(http://www.curiosphere.tv/_assets/images/s/blocs/theme_identique/colonne2_video.png) left no-repeat;
	float: left;
	padding: 0 0 0 6px;
	width: 230px;
	height: 411px;
}

#videos_similaires h4
{
	color: #fff;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 3px;
	padding: 10px 0 0 53px;
	width: 168px;
}

.liste_videos
{
	clear: both;
	float: left;
	height: 350px;
	margin: 10px 0 0;
	width: 226px;
}

.liste_videos .defilement
{
	height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	width: 226px;
}

.liste_videos .video,
.liste_videos .vignette,
.liste_videos .corps
{
	float: left;
}

.liste_videos .video
{
	margin: 10px 0;

}

.liste_videos .vignette,
.liste_videos .vignette .lecture
{
	height: 75px;
	width: 109px;
}

.liste_videos .vignette
{
	display: block;
	margin: 0 5px 0 0;
	position: relative;
}

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

.liste_videos .vignette img
{
	/*border: 1px solid #000;*/
}

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

.liste_videos .corps
{
	width: 95px;
}

.liste_videos .corps h5,
.liste_videos .corps .duree,
.liste_videos .corps .membre
{
	float: left;
}

.liste_videos .corps h5 a
{
	font-weight: normal;
}

.liste_videos .corps h5 a
{
	color: #065acd;
	font-weight: none;
	line-height: 1.2em;
	margin: 0 0 10px;
}

.liste_videos .corps .duree
{
	color: #999;
	font-size: .9em;
	margin: 5px 0 0;
}

/* Blog */

#blog
{
	background:url(http://www.curiosphere.tv/_assets/images/s/blocs/theme_identique/testcolonne2_blog.png) top left no-repeat;
	float: left;
	width: 236px;
}

#blog .corps
{
	background:url(http://www.curiosphere.tv/_assets/images/s/blocs/theme_identique/bloc_bas.png) bottom left no-repeat;
	float: left;
	padding: 0 0 12px;
}

#blog h4
{
	color: #fff;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin: 7px 7px 20px;
	padding: 0 0 0 53px;
}

#blog .information
{
	float: left;
	margin: 7px 10px 0 7px;
	width: 226px;
}

#blog .information img,
#blog .information a
{
	float: left;
	padding: 0 2px 0 0;
}

#blog .information a
{
	color: #065acd;
	line-height: 1.2em;
	margin: 5px 0 0 7px;
	width: 110px;
}

/* S�lection Liens */

#selection_liens
{
	background:url(http://www.curiosphere.tv/_assets/images/s/blocs/theme_identique/testcolonne2_links_tall.png) top left no-repeat;
	float: left;
	width: 236px;
}

#selection_liens h4
{
	color: #fff;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 7px 18px;
	padding: 0 0 0 57px;

}

#selection_liens .liens
{
	float: left;
	margin: 30px 0 0;
	padding: 0 0 30px 15px;
	width: 221px;
}

#selection_liens .liens h5
{
	color: #333;
	float: left;
	font-size: 1em;
	margin: 0 0 2px;
	width: 200px;
}

#selection_liens .liens a
{
	color: #065acd;
	float: left;
	margin: 0 0 10px;
	width: 200px;
	line-height: 2;
}

/*pied de colonne 2*/

#pied_colonne_2
{
	background: url(http://www.curiosphere.tv/_assets/images/s/blocs/theme_identique/testcolonne2_footer.png) bottom left no-repeat;
	clear:both;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 236px;
	height: 37px;
}

/*
 * Colonne 3
 ***************************************************/

#colonne_3
{
	float: right;
	width: 180px;
}
	#colonne_3 #lien_home_dossi
	{
		background: transparent url(http://www.curiosphere.tv/_assets/images/lien_player_aplat.png) no-repeat;
		height: 28px;
		width: 180px;
	}
		#colonne_3 #lien_home_dossi a
		{
			color: #FFFFFF;
			float: right;
			margin: 6px 10px 0 0;
		}
#sur_nos_autres_sites
{
	float: left;
	margin: 20px 0 0;
	width: 180px;
}

#sur_nos_autres_sites h2
{
	background: url(http://www.curiosphere.tv/_assets/images/s/titres/sur_nos_autres_sites.png) top left no-repeat;
	height: 17px;
	width: 180px;
}

#liens_commerciaux,
.lien_commercial
{
	float: left;
	width: 180px;
}

#colonne_3 #liens_commerciaux h2
{
	background: url(http://www.curiosphere.tv/_assets/images/s/titres/liens_commerciaux_court.png) top left no-repeat;
	height: 17px;
	width: 180px;
}


/* Modifs Hamza */
#video { background: url(../images/s/fonds/fond_video.png) 0 0 repeat-y; padding: 0; }
#pied_video
{
	background: url(../images/s/fonds/fond_pied_video.png) 0 0 no-repeat;
	clear: both;
	float: left;
	height: 3px;
	width: 529px;
}

#information_video ul#actions_video
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	float: left;
	font-size: 1.1em;
	padding: 0 0 15px;
	margin: 10px;
	width: 500px;
}

#information_video ul#actions_video li
{
	float: left;
	line-height: 15px;
	margin: 0 85px 0 0;
}

#information_video ul#actions_video li.dernier
{
	float: right;
	margin: 0;
}

#information_video ul#actions_video li a { color: #065acd; }
#information_video ul#actions_video li.favoris a { background: url(../images/s/icones/favoris_petit.png) 0 0 no-repeat; padding: 0 0 0 20px; }

#information_video #partage_video
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	float: left;
	font-size: 1.1em;
	margin: 0 10px 10px;
	padding: 0 0 15px;
	width: 500px;
}

#information_video #partage_video p
{
	color: #000;
	float: left;
	line-height: 16px;
}

#information_video #partage_video ul { float: right; }

#information_video #partage_video ul li
{
	float: left;
	line-height: 16px;
	margin: 0 25px 0 0;
}

#information_video #partage_video ul li.digg { margin: 0; }

#information_video #partage_video ul li a
{
	background: 0 0 no-repeat;
	color: #065acd;
	display: block;
	line-height: 16px;
	padding: 0 0 0 23px;
}

#information_video #partage_video ul li.wikio a { background-image: url(../images/s/icones/wikio.png); }
#information_video #partage_video ul li.facebook a { background-image: url(../images/s/icones/facebook.png); }
#information_video #partage_video ul li.delicious a { background-image: url(../images/s/icones/delicious.png); }
#information_video #partage_video ul li.digg a { background-image: url(../images/s/icones/digg.png); }


#information_video #popularite_video
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	float: left;
	font-size: 1.1em;
	margin: 0 10px 10px;
	padding: 0 0 15px;
	width: 500px;
}

#information_video #popularite_video .note
{
	background: url(http://www.curiosphere.tv/_assets/images/s/fonds/note_gris.png) top left no-repeat;
	clear: both;
	color: #666;
	height: 28px;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	width: 190px;
}

#information_video #popularite_video .note span
{
	float: left;
	margin: 9px 0 0 10px;
}

#information_video #popularite_video .note img
{
	float: left;
	margin: 4px 0 0 10px;
	vertical-align: middle;
}

#information_video #popularite_video p
{
	color: #666666;
	float: left;
	font-weight: bold;
	margin: 0 20px 0 0;
	line-height: 28px;
}

#information_video #popularite_video a.infos_producteur
{
	color: #065acd;
	float: right;
	line-height: 28px;
}

#information_video #resume
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	margin: 0 10px 10px;
	padding: 0 0 15px;
	width: 500px;
}

#information_video #entete_commentaire
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	float: left;
	font-size: 1.1em;
	margin: 0 10px 10px;
	padding: 0 0 15px;
	width: 500px;
}

#information_video #entete_commentaire h3
{
	color: #390;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
}

#information_video #entete_commentaire p.invite
{
	background: url(../images/s/icones/bulle.png) 0 0 no-repeat;
	line-height: 17px;
	float: right;
	padding: 0 0 0 25px;
}

#information_video #entete_commentaire p.invite a
{
	background: url(../images/s/puces/fleche_bleue.png) 0 center no-repeat;
	color: #065acd;
	padding: 0 0 0 10px;
}

#information_video form#rediger_commentaire
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	clear: both;
	float: left;
	font-size: 1.1em;
	margin: 0 10px;
	padding: 0 0 35px;
	width: 500px;
}

#information_video form#rediger_commentaire label { float: left; }
#information_video form#rediger_commentaire p.nb_caracteres { float: right; }
#information_video form#rediger_commentaire p.nb_caracteres strong { font-weight: bold; }

#information_video form#rediger_commentaire textarea
{
	border: 1px solid #7e9db9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	height: 90px;
	margin: 5px 0;
	width: 498px;
}

#information_video form#rediger_commentaire input.btn { float: right; }

#information_video .commentaire
{
	background: url(http://www.curiosphere.tv/_assets/images/s/separateurs/285_gris_blanc.png) bottom left repeat-x;
	clear: both;
	float: left;
	font-size: 1.1em;
	margin: 0 10px;
	padding: 30px 0 20px;
	width: 500px;
}

#information_video .dernier_commentaire
{
	background: 0;
	padding: 30px 0 0;
}

#information_video .commentaire p
{
	color: #000;
	float: left;
}

#information_video .commentaire a.signaler
{
	background: url(../images/s/icones/flag.png) 0 0 no-repeat;
	color: #f66a00;
	float: right;
	text-decoration: none;
	padding: 0 0 0 8px;
}

#information_video .commentaire a.signaler:hover { text-decoration: underline; }

#information_video .commentaire p.message
{
	clear: both;
	margin: 10px 0 0;
}

#information_video p.premier_commentaire
{
	clear: both;
	float: left;
	font-size: 1.1em;
	padding: 30px 10px 0;
	width: 500px;
}

#colonne_2 #videos_votre_sphere
{
	float: left;
	font-size: 1.2em;
	margin: 0 0 10px;
	width: 236px;
}	

#colonne_2 #head_votre_sphere
{
	background:left no-repeat;
	float: left;
	_float: none;
	font-size: 1.2em;
	width: 236px;
	height: 25px;
}
		#colonne_2 #head_votre_sphere h3
		{
		color: #fff;
		float: left;
		font-size: 1em;
		font-weight: bold;
		margin: 0 0 10px 3px;
		padding: 5px 0 0 6px;
		width: 168px;
		}


#autres_videos_sphere
{
	background: left no-repeat;
	float: left;
	padding: 0 0 0 6px;
	width: 230px;
	height: 411px;
}

#autres_videos_sphere h4
{
	color: #fff;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 3px;
	padding: 10px 0 0 58px;
	width: 168px;
}

.liste_videos .corps .membre
{
	clear: both;
	color: #000;
	font-size: 1em;
	margin: 5px 0 0;
}

.liste_videos .corps .membre a { color: #065acd; }

#colonne_3 #auto_promo
{
	float: left;
	width: 180px;
}

#colonne_3 #auto_promo h2
{
	background: url(../images/s/titres/auto_promo_court.png) top left no-repeat;
	height: 17px;
	width: 180px;
}
/* Fin Modifs Hamza */