/* ----------------- GENERAL ------------------ */
P, FORM, DIV, TD, A {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, sans-serif, Geneva;
	line-height: normal;
}
BODY {
	margin: 0px;
	color: #000000;
	background: #FFFFFF;
	background-image: URL(../img/prg/bg_page.gif);
	background-repeat: repeat-y;
	background-position: 213px 0px;
	font-family: Tahoma, Arial, sans-serif, Geneva;
}
IMG {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.fil_arianne { height: 23px; background: URL(../img/prg/accueil/fleche_accueil.gif) no-repeat top left; overflow: hidden; font-size:11px;}
.txt_arianne, .txt_arianne A { color: #000066; }
ul, li { padding: 0px; margin: 0px; list-style: none; }

/* -------------------- LOCAL ------------------- */

/* héritage style TV5.org pour header/footer ____________________________________________________________________________*/
.txtmarine { color: #000066; }
.txtmarine a { color: #000066; }
.txt9 {	font-family: Tahoma, Geneva, Arial, sans-serif;	font-size: 9px;	line-height: 11px;	text-decoration: none }
.txt11 { font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 11px; font-style: normal; line-height: 13px; }
.formulaire { background: #ffffff; border: 1px solid #4c4c4c; font-size : 11px; font-family: Arial, sans-serif; }	
/* ___________________________________________________________________________________________________________________   */


/* ----------------- CONTENU ------------------*/
td {vertical-align: top;}
textarea, select, input {font-family: Tahoma, Arial, sans-serif; font-size:11px;color:#898580}
.clear {clear: both; line-height:0; height:0; border: 0 none; overflow: hidden; background: transparent; margin:0; padding:0;}

#col1 { background: #3D3E71; border: solid 5px #181842; border-right: none; }
#col2 { background: #181842; border-left: solid 1px #AA9BBC; border-right: solid 1px #AA9BBC; }
#col3 { border: solid 10px #1A1A1A; background: #EDEBE8; }

h1 { display: none; padding: 12px; color: #FFF; }
h2 { padding: 0px; margin: 0px;  }
h3 { font-size: 11px; padding: 0px; margin: 0px;  }

/*_______________________________________________________

   A C C U E I L
________________________________________________________*/

/* BLOC A VOIR ________________________________________________________________________________________________*/

.a_voir { padding: 15px 15px 25px 15px; color: #FFF; background: url(img/ombre_haut.gif) repeat-x bottom left;}
.a_voir h2 { color: #FFF; font-size: 22px; margin: 0px 0px 15px 0px; }
.bloc_a_voir { width: 247px; height: 105px; font-size: 11px; float: left; margin: 0px 0px 5px 0px; background: #181842; color: #D1CDC6;   height: 1%;}
.bloc_a_voir img { border: solid 3px #000; background: #000; }
.bloc_a_voir h3 { color: #FFF;  }
.bloc_a_voir h3 a { color: #FFF;  }
.bloc_a_voir .info { padding: 8px; }
.bloc_a_voir .info a { color: #FFF; }
.bloc_a_voir .info strong { display: block; color: #F78624; margin: 5px 0px 0px 0px;}
.bloc_a_voir .info span { display: block; color: #AA9BBC; }
.bloc_a_voir .legende { width: 106px; height: 105px; background: #000; color: #FFF; float: left; margin-right: 8px;  }
.a_voir_video { display: block; background: url(img/video_avoir.gif) no-repeat 0px 4px; padding: 0px 0px 0px 20px; color: #FFF; font-weight: bold; margin: 5px;}

/* BLOC LISTE THEMATIQUES ________________________________________________________________________________________________*/

.hp_thematiques { padding: 15px 15px 25px 15px; color: #FFF; background: url(img/ombre_bas.gif) repeat-x bottom left;}
.hp_thematiques h2 { color: #FFF; font-size: 18px; margin: 0px 0px 15px 0px; }
.hp_thematiques h2 a { color: #FFF; }
.hp_thematiques .hp_theme { display: block; float: left; width: 230px; color: #fff; font-size: 11px; font-weight: bold; background: url(img/fleche_mauve.gif) no-repeat 0px 2px; padding: 0px 0px 5px 17px; }

/* BLOC A COLLECTIONNER (SERIES)________________________________________________________________________________________________*/

.webtv_accueil .a_collectionner { padding: 15px 15px 13px 15px; color: #FFF; background: #68699D; }
.a_collectionner h2 { color: #FFF; font-size: 22px; margin: 10px 0px 25px 0px; }
.a_collectionner h2 a { color: #FFF;  }
.bloc_serie { width: 106px; height: 133px; font-size: 11px; float: left; margin: 0px 12px 12px 0px; background: #181842; color: #68699D;   }
.bloc_serie a { color: #68699D; }
.bloc_serie img { border: solid 3px #000; background: #000; display: block; }
.bloc_serie h3 {  margin-bottom: 2px; }
.bloc_serie h3  a { color: #F78624; }
.bloc_serie .info { padding: 7px;  }
.a_collectionner .miniature { width: 236px; float: left; display: inline;}
.a_collectionner .liste { width: 258px; float: left; text-align: right; font-size: 11px; display: inline;}
.webtv_accueil .a_collectionner .liste { width: 258px; float: left; text-align: right; font-size: 11px; display: inline;}
.a_collectionner .liste ul { border: solid 5px #3D3E71; height: 206px; overflow: auto; overflow-x: hidden; }
.webtv_accueil .a_collectionner .liste ul { border: solid 5px #3D3E71; height: 206px; overflow: auto; overflow-x: hidden; background: #181842;}
.a_collectionner .liste li { text-align: left; background: #181842; padding: 8px; border-bottom: solid 1px #3D3E71; }
.webtv_accueil .a_collectionner .liste li { text-align: left; background: #181842; padding: 8px; border-bottom: solid 1px #3D3E71; }
.a_collectionner .liste li a { display: block; color: #FFF; font-weight: bold; background: url(img/fleche_mauve.gif) no-repeat 0px 2px; padding: 0px 0px 0px 20px;  }

.hp_tools { padding: 0px; border-bottom: solid 1px #181842; background: #3D3E71;}

/* BLOC RECHERCHE ________________________________________________________________________________________________*/

.webtv_accueil .vSearch, .webtv_liste .vSearch, .webtv_thematique .vSearch, .webtv_serie .vSearch { float: left; width: 260px; border-right: solid 1px #AA9BBC; background: url(img/ombre_haut.gif) repeat-x top left; }
.webtv_liste .vSearch, .webtv_thematique .vSearch, .webtv_serie .vSearch { background-color: #3D3E71 };
.vSearch { position: relative; padding: 0px 0px 40px 0px; } /* padding-bottom: 60px; */
.vSearch form { margin: 15px; padding: 0px;  }
.vSearch input { float: left; }
.vSearch h2 { color: #FFF; font-size: 18px; margin: 0px 0px 15px 0px; }
.vSearch_ok { width: 49px; height: 20px;  display: block; float: left;}
.webtv_accueil .vSearch_ok, .webtv_liste .vSearch_ok, .webtv_thematique .vSearch_ok, .webtv_serie .vSearch_ok { background: url(img/search_ok.gif) no-repeat 15px 0px;}
.vSearch_ok span { display: none; }
.vSearch_rss { position: absolute; left: 10px; bottom: 10px; width: 30px; height: 20px; display: block; display: none; }
.webtv_accueil .vSearch_rss { background: url(img/search_rss.gif) no-repeat top left; }
.vSearch_rss span { display: none; }
.vSearch p { clear: both; font-size: 10px; text-transform: uppercase; color: #AA9BBC; padding: 10px 0px 0px 0px; }
.vSearch p a { color: #AA9BBC; }

/* BLOC NUAGE DE MOTCLES ________________________________________________________________________________________________*/

.webtv_accueil .nuage, .webtv_liste .nuage, .webtv_thematique .nuage, .webtv_serie .nuage { float: left; background: url(img/ombre_haut.gif) repeat-x top left; width: 263px; }
.webtv_liste .nuage, .webtv_thematique .nuage, .webtv_serie .nuage { background-color: #3D3E71; }
.nuage div { padding: 15px; }
.nuage .motcle0 { font-size: 11px; color: #F78624; }
.nuage .motcle1 { font-size: 12px; color: #FAAF3B; }
.nuage .motcle2 { font-size: 13px; color: #FACC3B; }
.nuage .motcle3 { font-size: 14px; color: #FBED21; }

/* BLOC COUP DE COEUR ________________________________________________________________________________________________*/

.coup_de_coeur { padding: 25px 9px; }
.coup_de_coeur h2 { color: #F78624; font-size: 22px; margin: 0px 0px 12px 0px; padding: 0px; font-weight: normal; }
.bloc_coup_coeur { background: #000; padding: 12px; color: #CCCCFF; font-size: 11px;   height: 1%;}
.bloc_coup_coeur a { color: #CCCCFF; }
.bloc_coup_coeur img { background: #000; }
.bloc_coup_coeur h3 { color: #F78624; font-size: 14px; margin: 8px 0px; padding: 0px; }
.bloc_coup_coeur h3 a { color: #F78624;  }
.bloc_coup_coeur .info ul li a { display: block; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; background: url(img/video_avoir.gif) no-repeat 0px 4px; color: #FFF; font-weight: bold; }

/* BLOC VOS PREFERES ________________________________________________________________________________________________*/

.preferes { padding: 25px 9px; border-bottom: solid 1px #1d1d50}
.preferes h2 { color: #CCCCFF; font-size: 22px; margin: 0px 0px 12px 0px; padding: 0px; font-weight: normal; }
.bloc_preferes { background: #000; padding: 3px; color: #F78624; font-size: 11px; margin: 0px 0px 1px 0px;  height: 1%;}
.bloc_preferes a { color: #F78624;}
.bloc_preferes img { float: left; background: #000; margin: 0px 5px 0px 0px; display: inline;}
.bloc_preferes h3 { font-size: 11px; padding: 5px 0px; margin: 0px; color: #CCCCFF; }
.bloc_preferes h3 a { color: #CCCCFF; }
.bloc_preferes .info { padding-left: 110px;}
.bloc_preferes .info ul li a { display: block; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; background: url(img/video_avoir.gif) no-repeat 0px 4px; color: #FFF; font-weight: bold; }

/* BLOC TEXTES STANDARDS ____________________________________________________________________________________________*/

.blocs { padding: 0px; margin: 0px; }
.bloc_texte { padding: 20px 9px; border-bottom: solid 1px #2c2b4f; color: #CCCCFF; font-size: 11px;  height: 1%;}
.bloc_texte a { color: #CCCCFF; }
.bloc_texte h2 { color: #F78624; font-size: 18px; margin: 0px 0px 12px 0px; padding: 0px; font-weight: normal; }
.bloc_texte h2 a { color: #F78624; }
.bloc_texte img { float: left; background: #000; margin: 0px 5px 0px 0px; border: solid 3px #000; display: inline; }
.bloc_texte .info { padding: 0px 0px 0px 115px; }
.bloc_texte .info ul  { margin: 3px 0px 0px 0px;  }
.bloc_texte .info ul li a { display: block; margin: 0px; padding: 5px 0px 5px 20px; background: url(img/fleche_ronde_orange.gif) no-repeat 0px 5px; color: #FFF; font-weight: bold; }

/*_______________________________________________________

   T H E M A T I Q U E
________________________________________________________*/

.webtv_thematique #col1 h2 { width: 500px; }
.webtv_thematique #col1 .vSearch h2, .webtv_thematique #col1 .hp_thematiques h2 { width: auto; }

/*.webtv_thematique .vSearch { padding: 0px 0px 40px 0px; margin-bottom: 10px; }*/
.vSearch_ok { background: url(img/search_ok_fonce.gif) no-repeat 15px 0px;}
.vSearch_rss { background: url(img/search_rss_fonce.gif) no-repeat top left; }

.webtv_thematique .a_voir { background: #3D3E71; padding-right: 10px;}

.lstTheme select { float: right; margin: 5px 5px 0px 0px; } 
.bloc_thematique { background: #181842; height: 1%; font-weight: bold; color: #FFF; font-size: 13px; margin: 0px 5px 13px 0px;}
.bloc_thematique img { float: left; border: solid 3px #000; background: #000; }
.bloc_thematique .info { padding: 12px 12px 12px 218px; }

.webtv_thematique .bloc_a_voir { margin-right: 5px; width: 245px;}
.webtv_thematique .bloc_a_voir h3 { margin: 0px; padding: 8px 5px; display: block; border-bottom: solid 1px #3D3E71;}
.webtv_thematique .bloc_a_voir h3 a { color: #FFF;  }
.webtv_thematique .bloc_a_voir h3 a.lien_theme { background: url(img/fleche_mauve.gif) no-repeat 0px 2px; padding: 0px 0px 0px 17px; }
.webtv_thematique .bloc_a_voir h3 a span { color: #CCCCFF; font-weight: normal; }

.webtv_thematique .hp_thematiques { background: url(img/ombre_haut_claire.gif) repeat-x top left; padding-top: 25px;  }
.webtv_thematique .hp_thematiques .hp_theme span { color: #CCCCFF; font-weight: normal; }

.a_collectionner { padding: 0px; background: none; }
.a_collectionner .liste ul { border: solid 5px #68699D; }
.a_collectionner .liste li { border-bottom: solid 1px #686971; }

.a_collectionner .onglets { background: #181842; }
.a_collectionner .onglets li { background: url(img/onglet_fonce.gif) no-repeat top left; display: inline; width: 91px; heigth: 27px; text-align: center; float: left; line-height: 27px; }
.a_collectionner .onglets li.act { background-image: url(img/onglet_clair.gif); }
.a_collectionner .onglets li a { font-size: 11px; color: #FFF; font-weight: bold;  }
.a_collectionner .liste { width: 243px; }

.video_list { padding: 15px 10px 25px 15px; color: #FFF; }
.video_list h2 { color: #FFF; font-size: 22px; margin: 0px 0px 15px 0px; }
.bloc_video { width: 244px; float: left; margin: 0px 5px 5px 0px; height: 1%; }
.bloc_video_list { height: 105px; font-size: 11px; margin: 0px 0px 1px 0px; background: #0C0C23; color: #D1CDC6; }
.bloc_video_list a { color: #D1CDC6; }
.bloc_video_list img { border: solid 3px #000; background: #000; }
.bloc_video_list h3 { color: #F78624; margin: 0px 0px 0px 0px; }
.bloc_video_list h3 a { color: #F78624;  }
.bloc_video_list .info { padding: 10px 8px 0px 111px;  }
.bloc_video_list .info strong { display: block; color: #F78624; margin: 5px 0px 0px 0px;}
.bloc_video_list .info span { display: block; color: #AA9BBC; }
.bloc_video_list .legende { width: 106px; height: 105px; background: #000; color: #FFF; float: left; margin-right: 8px;  }
.a_voir_video { display: block; background: url(img/video_avoir.gif) no-repeat 0px 4px; padding: 0px 0px 0px 20px; color: #FFF; font-weight: bold; margin: 5px;}
.video_list ul.liens_ext  { clear: both; background: #181842; padding: 8px; height: 60px;}
.video_list ul.liens_ext h4 { margin: 0px; padding: 0px; font-size: 11px; font-weight: normal; }
.video_list ul.liens_ext h4 a { color: #7E7EA2; }
.video_list ul.liens_ext li { display: inline; }

.pagination { background: #181842; margin: 10px 5px 10px 0px; padding: 8px; }
.pagination , .pagination table, .pagination td { font-size: 11px; }
.pagination .tri { color: #8A9197; }
.pagination .tri a { color: #8485B9; }
.pagination .tri strong a { color: #FFF; }

#btListe span, #btMosaique span { display: none; }
#btListe  { width: 16px; height: 16px; background: url(img/icon_liste.gif) no-repeat top left;  display: block; float: left; margin-right: 5px;}
#btMosaique  { width: 16px; height: 16px; background: url(img/icon_mosaique.gif) no-repeat top left;  display: block; float: left; }
#btListe.act  { background-image: url(img/icon_liste_act.gif); }
#btMosaique.act { background-image: url(img/icon_mosaique_act.gif); }
#btListe2 span, #btMosaique2 span { display: none; }
#btListe2  { width: 16px; height: 16px; background: url(img/icon_liste.gif) no-repeat top left;  display: block; float: left; margin-right: 5px;}
#btMosaique2  { width: 16px; height: 16px; background: url(img/icon_mosaique.gif) no-repeat top left;  display: block; float: left; }
#btListe2.act  { background-image: url(img/icon_liste_act.gif); }
#btMosaique2.act { background-image: url(img/icon_mosaique_act.gif); }

.lliste .bloc_video  { width: 495px; }
.lliste .bloc_video .bloc_video_list .content { background: #000; }
.lliste .bloc_video .bloc_video_list .info .a_voir_video { display: block; }
.lliste .bloc_video .bloc_video_list { height: 78px; }
.lliste .bloc_video .bloc_video_list .legende  { height: 78px; }
.lliste .bloc_video .bloc_video_list .legende .a_voir_video { display: none; }
.lliste .bloc_video .bloc_video_list .detail { float: right; width: 165px; background: #181842; border-left: solid 1px #3D3E71; height: 78px;  margin-left: 8px; }
.lliste .bloc_video .bloc_video_list .info span { display: none;  }
.lliste .bloc_video .bloc_video_list .detail div { padding: 8px; }
.lliste .bloc_video .bloc_video_list .detail span { font-weight: bold; color: #AA9BBC; }
.lliste ul.liens_ext  { height: 42px;}

.lmosaique .bloc_video .bloc_video_list .info .a_voir_video { display: none; }
.lmosaique .bloc_video .bloc_video_list .legende .a_voir_video { display: block; }
.lmosaique .bloc_video .bloc_video_list .detail { display: none; }

/* VODEO */
#col3 { text-align: center; }
.vodeo { font-size: 11px; }
.vodeo strong { display:block; color: #F78624; padding: 5px 10px; }
.vodeo span { display:block; color: #918D87; padding: 0px 10px 10px 10px; }

.search_criteres { font-size: 11px; margin: 0px 0px 2px 0px;}
.search_criteres span { font-weight: bold; color: #F78624; }
.search_resultats { font-size: 11px; }
.search_resultats span { font-weight: bold; color: #F78624; }

/* LISTE THEMATIQUES et SERIES */
.webtv_liste .bloc_video_list img {float: left;  }
.webtv_liste .bloc_video .bloc_video_list { height: 78px; background: #181842; }
.webtv_liste .bloc_video .bloc_video_list h3 { margin-bottom: 5px; }
.webtv_liste .bloc_video .bloc_video_list h3 a { color: #F78624 }
.webtv_liste .bloc_video ul.liens_ext { background: #0c0c23; height: 42px; }


/* FICHE VIDEO */
.video_fiche { padding: 15px; }
.video_fiche h2 { color: #FFF; font-size: 18px; margin: 0px 0px 15px 0px; }
.video_fiche h2 a { display: block; float: right; background: url(img/fleche_retour.gif) no-repeat 0px 5px; padding: 7px 0px 5px 20px; font-size: 11px; color: #FFF; margin: 0px 0px 0px 40px;}
.video_detail { background: url(img/ombre_haut.gif) repeat-x bottom left #68699D; padding: 0px 0px 20px 0px; clear: both; }
.video_player { text-align: center; background: #181842; padding: 15px; }
.video_resume { margin: 15px; padding-bottom: 20px; }
.video_resume a { color: #FFF; }
.video_resume { font-size: 12px; color: #CCCCFF; line-height: 1.4em;}
.video_date { width: 155px; background: #181842; padding: 10px 0px; text-align: left; font-size: 11px; margin-bottom: 1px;}
.video_date p { padding: 0px 10px 2px 10px; color: #FFF; }
.video_date span { color: #AA9BBC; font-weight: bold; }
.video_liens { border-top: solid 1px #3D3E71; font-size: 11px; color: #FFF; padding: 5px 0px; }
.video_liens a {color: #FFF; }
.lien_transcription { display: block; width: 155px; height: 27px; margin-bottom: 1px; background: #3D3E71; line-height: 27px; font-size: 11px; }
.lien_transcription a { display: block; line-height: 27px; background: url(img/icon_transcription.gif) no-repeat top right; padding-right: 30px; }
.lien_pedago { display: block; width: 155px; height: 27px; margin-bottom: 1px; background: #3D3E71; line-height: 27px; font-size: 11px; }
.lien_pedago a { display: block; line-height: 27px; background: url(img/icon_pedago.gif) no-repeat top right; padding-right: 30px; }
.lien_tip { display: block; width: 155px; height: 27px; margin-bottom: 1px; background: #3D3E71; line-height: 27px; font-size: 11px; text-align: right; }
.lien_tip a { display: block; line-height: 27px; background: url(img/icon_tip.gif) no-repeat top right; padding-right: 30px; color: #FFF;}
.lien_notation { display: block; width: 155px; height: 27px; margin-bottom: 1px; background: #3D3E71; line-height: 27px; font-size: 11px; }
.lien_notation a { display: block; line-height: 27px; background: url(img/icon_notation.gif) no-repeat top right; padding-right: 30px; }
.lien_print { display: block; width: 155px; height: 27px; margin-bottom: 1px; background: #3D3E71; line-height: 27px; font-size: 11px; text-align: right; }
.lien_print a { display: block; line-height: 27px; background: url(img/icon_print.gif) no-repeat top right; padding-right: 30px; color: #FFF; }

/* PAGE */
.page { padding: 15px 5px; }
.page h2 { color: #FFF; font-size: 18px; margin: 0px 10px 15px 10px; }
.page h2 a { display: block; float: right; background: url(img/fleche_retour.gif) no-repeat 0px 5px; padding: 7px 0px 5px 20px; font-size: 11px; color: #FFF; }
.paragraphes { width: 515px; margin: 10px 0px; background:#181842;/*background: #68699D;*/ padding: 0px; font-size: 12px; color: #CCCCFF; min-height: 300px;}
* html .paragraphes { height: 300px;  }
.paragraphes .bloc_texte { padding: 12px 12px 20px 12px; font-size: 12px; border: none; border-top: solid 2px #3D3E71; }
.paragraphes .bloc_texte .info { padding-left: 0px; }
.paragraphes .bloc_texte .info a { color: #FFF;  }
.paragraphes .bloc_texte h3 { font-size: 16px; padding: 0px 0px 5px 0px;  color: #FFF; }
.page_tools { float:right; margin: 20px; width: 155px;}
.paragraphes .bloc_texte .info ul li a { background-image: url(img/fleche_mauve_fonce.gif); }

/* scroller vidéos connexes */
.videos_connexes { margin: 0px 0px 20px 15px; }
.videos_connexes h2 { color: #FFF; font-size: 18px; margin: 0px 0px 15px 0px; }
.elm { font-size: 11px; background: #181842; border-right: solid 5px #3D3E71; width: 120px;}
.elm a { color: #F78624; font-weight: bold; text-align: left; }
.elm .content{ padding: 5px; text-align: left; display: block; }
.elmimg { background: #000; border-right: solid 5px #3D3E71; width: 120px;}
.elmimg img { border: solid 3px #000; }
.elmpagination { border-top: solid 5px #3D3E71; background: #181842; padding: 5px;}

/* Geoblocage */
#geoblocage {
	margin: 15px;
	background-color: #090919;
	padding: 50px 15px;
}