/*
 * typo.css 
 * typo generale
 *
 *
 * @author EIIDM
 * @date 2008-11-26 
 * @media screen 
 * @site http://www.ina.fr/
 */


/**
* Table des mati�res
*
* G�n�ral
*
* Header
* - header-menu-sites
* - header-monina
* - menu premier niveau
* - menu second niveau
*
* Corps (colonne gauche + colonne droite)
*
* Colonne gauche
* - container panel haut-bas
* - container toutes les videos du jour - sous-chaine - dossier - affichage mosaique
* - container toutes les videos du jour - sous-chaine - affichage en liste
* - bouton gris extensible
* - bouton bleu extensible
* - menu trier par - affichage liste et mosaique
* - pagination (video du jour et sous-chaine)
* - module a decouvrir
* - module en ce moment
* 
* Colonne droite
* - modules type liste
* - tooltip
* - module recherche simple
* - module recherche : mes affinages 
* - module recherche : affinages disponibles
* - module recherche : tags
* - module programmation radio tele
*
* Footer
* - footer principal
* - footer sites ina
*
*/


/* General
 ********************************************************/
 
body {
	color:#666;
	font:11px "Arial", "Helvetica",Verdana, sans-serif;
}

/* definitions des balises principales
 ------------------------------------------------------ */
h1,h2,h3 {
	font:"Arial", "Helvetica",Verdana, sans-serif;
	margin-bottom:.15em;
	text-transform:uppercase;
}

h1 {
	font-size:13px;
}

h2 {
	font-size:11px;
}

h3 {
	font-size:10px;
}

p {
	font-size:100%;
}


/* Header
 ********************************************************/

/* header-menu-sites
 ------------------------------------------------------ */
.header-sites ul {
	color:#89e5ff;
	font-size:12px;
}

.header-sites li {
	color:#fff;
}

.header-sites li a {
	color:#fff;
	text-decoration:none;
}

.header-sites li a:hover {
	color:#89e5ff;
	text-decoration:none;
}

/* header-monina
 ------------------------------------------------------ */
div.navigation-monina span {
	color:#8b8b8b;
	text-decoration:none;
}

div.navigation-monina .oval-bouton {
	line-height:16px;
}

div.navigation-monina .oval-bouton span a {
	color:#8b8b8b;
	font-size:11px;
	text-decoration:none;
}

div.navigation-monina .oval-bouton span a:hover {
	color:#2f819e;
}

div.navigation-monina,div.navigation-boutique {
	color:#fff;
}

a.bt-boutique, a.bt-blog {
	color:#fff;
	text-align:center;
	text-decoration:none;
}

a.bt-boutique strong, a.bt-blog strong{
	font-weight:bold;
}

div.navigation-monina .container-ob,div.articles-panier {
	color:#8b8b8b;
}

div.articles-panier span {
	color:#ee1093;
	font-weight:bold;
}

div.articles-panier a {
	color:#8b8b8b;
	text-decoration:none;
	text-align:center;
}

div.articles-panier a:hover {
	color:#2f819e;
}

/* menu premier niveau
 ------------------------------------------------------ */
div.header-nav .panelbas {
	font-size:0;
}

div.header-nav .nav-premier-niveau ul li a,div.header-nav .nav-premier-niveau ul li.arrdroit {
	color:#fff;
	font:13px/27px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.header-nav .nav-premier-niveau ul li a,div.header-nav .nav-premier-niveau ul li.arrdroit {
	font-weight:normal;
	}
}

/* menu second niveau
 ------------------------------------------------------ */
div.header-nav .nav-second-niveau .sn {
	font-size:11px;
}

div.header-nav .nav-second-niveau .sn li {
	color:#fff;
}

div.header-nav .nav-second-niveau .sn li a {
	color:#fff;
	text-decoration:none;
}

div.header-nav .nav-second-niveau .sn li a:hover,div.header-nav .nav-second-niveau .sn li.on a {
	color:#deed1e;
}


/* Corps (colonne gauche + colonne droite)
 ********************************************************/


/* Colonne gauche
 ********************************************************/

/* container panel haut - bas
 ------------------------------------------------------ */
div.container-panel-hb .panelhaut h1+h1,div.container-panel-hb .panelhaut-notice h1+h1 {
	text-decoration:inherit;
}

div.container-panel-hb .panelhaut h1+h1+h1,div.container-panel-hb .panelhaut-notice h1+h1+h1 {
	text-decoration:underline;
}

div.container-panel-hb .txtpanelvideo h1 {
	color:#0093ba;
}

.txtpanelvideo span {
	color:#003f50;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

div.container-panel-hb .panelhaut h1,
div.container-panel-hb .panelhaut h1 a,
div.container-panel-hb .panelhaut-notice h1,
div.container-panel-hb .panelhaut-notice h1 a,
div.container-panel-hb .panelhaut-dossier h1,
div.container-panel-hb .panelhaut-dossier h1 a,
div.container-panel-hb .panelhaut-pub h1,
div.container-panel-hb .panelhaut-pub h1 a {
	color:#fff;
}

/* container toutes les videos du jour - sous-chaine - dossier - affichage mosaique
 ---------------------------------------------------------------------------------- */
.souschaine a {
	color:#003f50;
}

h2.titre,h2.titre_sans_bt,.nb_notices,p.resume_mozaique,h3.titre_ensemble {
	color:#149abd;
}

h2.titre a,span.titre a {
	color:#149abd;
	text-decoration:none;
}

.resume_liste,.resume,.date {
	color:#666;
}

.resume_liste a,.resume a,.date a {
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

h2.titre a:hover,span.titre a:hover,.resume_liste a:hover,.resume a:hover,.date a:hover {
	text-decoration:underline;
}

/* container toutes les videos du jour - sous-chaine - dossier - affichage liste
 ------------------------------------------------------------------------------- */
h3.date_video_dujour {
	color:#666;
	font-weight:normal;
	letter-spacing:0;
	line-height:16px;
	text-transform:uppercase;
} 

h3.titre_ensemble {
	line-height:16px;
	text-transform:none;
} 



/* bouton gris extensible
 ------------------------------------------------------ */
div.bt-gris-extensible a.bt-oval {
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
}

div.bt-gris-extensible a.bt-oval span {
	color:#2f819e;
}

div.bt-gris-extensible a.bt-oval:hover,div.bt-gris-extensible a.bt-oval:hover span {
	color:#768103;
}

/* bouton bleu extensible
 ------------------------------------------------------ */
div.bt-bleu-extensible a.bt-oval {
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
}

div.bt-bleu-extensible a.bt-oval span,div.bt-bleu-extensible a.bt-oval:hover,div.bt-bleu-extensible a.bt-oval:hover span {
	color:#fff;
}

/* menu trier par - affichage liste et mosaique
 ------------------------------------------------------ */
div.menu-trier-par {
	font-size:12px;
	font-weight:normal;
	line-height:normal;
}

div.menu-trier-par strong{
	font-weight:bold
}

div.menu-trier-par, div.menu-trier-par a, .trier, .trier li a{
	color:#2f819e;
}

div.menu-trier-par li {
	line-height:27px;
}

/* pagination (video du jour et sous-chaine)
 ------------------------------------------------------ */
.pagination{
	line-height:normal;
}

.pagination a {
	font-weight:normal;
}

.pagination, .pagination a {
	color:#2f819e;
}

/* module a decouvrir
 ------------------------------------------------------ */
div.decouvrir_element_contenu h1 {
	color:#0093ba; 
	font-size:16px;
}

div.decouvrir_element_menu_contenu h2 { 
	color:#0093ba; 
}

div.decouvrir_element_menu_contenu h3 { 
	color:#003f50; 
}

div.decouvrir_element_menu_texte_actif h2  {
	color:#003f50;
}

div.decouvrir_element_menu_texte_actif h3 { 
	color:#fff; 
}

/* module en ce moment
 ------------------------------------------------------ */
div.container-encemoment .images a {
	text-decoration:none
}

div.container-encemoment .images h3 {
	color:#038cb0;
}



/* Colonne droite
 ********************************************************/
 
/* modules type liste
 ------------------------------------------------------ */
div.modtypliste .titrepanel {
	color:#fff;
}

div.modtypliste .panel-haut .titrepanel h2 span {
	color:#8ae5ff;
}

div.modtypliste .panel-haut .titrepanel {
	font-size:11px;
}

div.modtypliste .panel-haut .titrepanel h2 {
	font-size:12px;
}

/* modules type liste : liste */
div.modtypliste-imgs .liste li h2, div.modtypliste-imgs .liste li h3, div.modtypliste-imgs .liste li p {
	margin-left:112px;
}

div.modtypliste-imgs .liste li h3 {
	text-transform:inherit;
}

/* tooltip
 ------------------------------------------------------ */
a.tt {
	color:#000;
	font-weight:bold;
	line-height:10px;
	text-decoration:none;
}

a.tt:hover {
	color:#666;
}

a.tt:hover span.tooltip {
	color:#000;
}

a.tt:hover span.bas {
	color:#548912;
}

/* module recherche simple
 ------------------------------------------------------ */
div.container-recherche input.champRecherche {
	color:#858585;
}

div.container-recherche .x-form-text.x-form-field {
	color:#4ab3ed;
	font-weight:bold;
}

.ext-ie div.container-recherche .x-form-text.x-form-field {
    line-height:18px;
}

/* module recherche : mes affinages 
 ------------------------------------------------------ */
div.modtypliste ul.bg-gris li {
	color:#4fb3ef;
	font-weight:bold;
}

div.modtypliste ul.bg-gris li li {
	color:#858585;
	font-weight: normal;
	line-height:20px;
}

div.modtypliste ul li.contenu-mesaffinages{
	color:#4fb3ef;
	font-weight:bold;
}

/* module recherche : affinages disponibles 
 ------------------------------------------------------ */
div.modtypliste ul.contenu-affinage-dispo li a {
	color:#858585;
	font-weight:bold;
	line-height:20px;
	text-decoration:underline;
	/*padding-top:5px;*/
	/*display:block;*/
}

div.modtypliste ul.contenu-affinage-dispo ul li ul li a {
	color:#858585;
	font-weight:normal;
	/*padding-top:0px;*/
	padding-left:30px;
}

div.modtypliste ul li.contenu-affinage-dispo-fleche{
	color:#4fb3ef;
	font-weight:bold;
}

div.modtypliste ul li.contenu-affinage-dispo-fleche span{
	font-weight:normal;
}

/* module recherche : tags 
 ------------------------------------------------------ */
ul.bloc_tag li{
	line-height:16px;
}

li.tag0 a {
	font-size:16pt;
	font-weight:bold;
	text-decoration:none;
}

li.tag1 a {
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
}

li.tag2 a {
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
}

li.tag3 a {
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

li.tag4 a {
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
}

li.tag0 a:hover, li.tag1 a:hover, li.tag2 a:hover, li.tag3 a:hover, li.tag4 a:hover {
	text-decoration:underline;
}


/* module programmation radio tele
 ------------------------------------------------------ */
div.container-programmation .voir-tele a {
	color:#cde552;
	text-decoration:none;
}

div.container-programmation .voir-radio a {
	color:#e20079;
	text-decoration:none;
}

div.container-programmation p {
	text-transform:uppercase;
}

div.container-programmation .voir-tele a:hover, div.container-programmation .voir-radio a:hover {
	text-decoration:underline;
}


/* Footer
 ********************************************************/

/* footer principal
 ------------------------------------------------------ */
.pan-titre {
	color:#fff;
	font-weight:bold;
}

.pan-un p {
	color:#fff;
}

.pan-deux ul li a,.pan-trois ul li a,.pan-quatre ul li a {
	color:#fff;
	line-height:16px;
	text-decoration:none;
}

/* footer sites ina
 ------------------------------------------------------ */
div.container-footer-sites .titre {
	color:#193f53;
}
/* popup extjs
 ********************************************************/

div.popup div.titre,div.popup div.titre a {
	color:#0093ba;
}

div.popup label {
	color:#000;
	font-size:12px;
	font-weight:normal;
}

div.popup p.msg-erreur {
	color:#ff0000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

div.popup div.contenu input {
	color:#000;
	text-indent:4px;
}

div.popup p {
	color:#000;
	font-size:12px;
}

div.popup div.contenu label {
	line-height:20px;
}

div.popup div.titre span,div.popup div.titre span a,div.popup div.contenu a.password {
	color:#0093ba;
	font-size:13px;
	font-weight:normal;
}