/**
 * chaine/cannes.css
 * habillage module "chaine cannes"
 *
 *
 * @author EIIDM
 * @date 2009-11-23
 * @media screen
 * @site www.ina.fr
 */


body.body-global {
	background:#ac121b url("../../../../../images/visio/statique/100330_skin_cannes.jpg") top center no-repeat;
}


/* masquage elements panel haut video du jour
 ------------------------------------------------------ */
/*div.container-panel-hb .panelhaut {
	display:none;
	visibility:hidden;
}*/

div.container-panel-hb .txtpanelvideo h1 {
	display:none;
}


/* definition panel haut pub
 ********************************************************/

div.container-panel-hb .panelhaut-pub {
	background-image:url("../../../../../images/visio/recherche/panel_haut_v2.png");
	background-repeat:no-repeat;
	height:55px;
	padding:0;
	position:relative;
	width:544px;
}

/* bouton precedent 
 ------------------------------------------------------ */
div.container-panel-hb .panelhaut-pub div.bt-gris-extensible {
	float:right;
	padding:6px 6px 0 0;
}

/* onglets 
 ------------------------------------------------------ */
div.panelhaut-pub a.onglet-extensible:hover {
	background-position:left bottom;
	background-repeat:no-repeat;
	cursor:pointer;
}

div.panelhaut-pub a.onglet-extensible.on {
	background-position:left bottom;
	background-repeat:no-repeat;
	cursor:pointer;
}

div.panelhaut-pub a.onglet-extensible:hover h2 {
	background-position:right bottom;
	background-repeat:no-repeat;
	color:#0091b7;
	cursor:pointer;
}

div.panelhaut-pub a.onglet-extensible.on h2 {
	background-position:right bottom;
	background-repeat:no-repeat;
	color:#0091b7;
	cursor:pointer;
}

div.panelhaut-pub a.onglet-extensible h2 {
	color:#89c9da;
	background-image:url("../../../../../images/visio/recherche/bg_onglet_v2_off.png");
	background-repeat:no-repeat;
	cursor:pointer;
}

div.panelhaut-pub a.onglet-extensible.on h2 {
	color:#89c9da;
	background-image:url("../../../../../images/visio/recherche/bg_onglet_v2_off.png");
	background-repeat:no-repeat;
	cursor:pointer;
}

div.panelhaut-pub a.onglet-extensible {
	background-image:url("../../../../../images/visio/recherche/bg_onglet_v2_off_gauche.png");
	background-repeat:no-repeat;
	cursor:pointer;
	text-decoration:none;
}

div.panelhaut-pub a.onglet-extensible.on {
	background-image:url("../../../../../images/visio/recherche/bg_onglet_v2_off_gauche.png");
	background-repeat:no-repeat;
	cursor:pointer;
	text-decoration:none;
}

div.panelhaut-pub a.onglet-extensible h2 {
	background-position:right top;
	cursor:pointer;
	display:block;
	height:25px;
	line-height:25px;
	padding:0 6px 0 0;
	width:auto;
}

div.container-panel-hb .panelhaut-pub h1 {
	color:#fff;
	display:inline;
	float:left;
	padding:9px 0 2px 16px;
}

/* safari 4 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.container-panel-hb .panelhaut-pub h1 {
		padding:9px 0 4px 16px;
	}
}

div.panelhaut-pub a.onglet-extensible span {
	color:#fff;
}

div.panelhaut-pub a.onglet-extensible:hover span,div.panelhaut-pub a.onglet-extensible.on span {
	color:#0091b7;
}

div.panelhaut-pub ul {
	height:25px;
	padding:1px 0 0 7px;
	width:537px;
}

*+html div.panelhaut-pub ul {/*ie7*/
	padding:1px 0 0 7px;
}

div.panelhaut-pub li {
	display:block;
	float:left;
	height:23px;
	width:auto;
}

div.panelhaut-pub a.onglet-extensible {
	display:block;
	float:left;
	height:25px;
	padding-left:6px;
}


/* question du jour
 ********************************************************/
 
div.container-quiz {
	background-color:#fff;
	padding:16px 16px 0;
}

div.container-quiz h2.question-lib {
	text-transform:none;
}

div.container-quiz h2.question-lib:first-letter {
	text-transform:uppercase;
}

div.container-quiz div.container-qr input {
	margin-bottom:10px;
}

*+html div.container-quiz div.container-qr input {/*ie7*/
	margin-bottom:8px;
}

div.container-quiz div.container-qr label {
	padding-left:6px;
	vertical-align:top;
}

div.container-quiz div.container-qr label.winner {
	color:#4ab3ed;
	font-weight:bold;
}


*+html div.container-quiz div.container-qr label {/*ie7*/
	padding-left:4px;
	vertical-align:middle;
}

div.container-quiz div.container-qr .bas {
	margin:-10px 0 0 -11px;
}

/* bouton valider 
 ------------------------------------------------------ */
div.container-quiz div.bt-gris-extensible {
	cursor:pointer;
	float:right;
}

/* message
 ------------------------------------------------------ */
div.container-quiz span.quiz-bravo,div.container-quiz span.quiz-dommage {
	color:#4ab3ed;
	font-weight:bold;
	padding-bottom:10px;
	text-align:right;
}


/* dossier
 ********************************************************/
 
div.container-videos-liste h2 {
	margin:10px 0 10px 23px;
}

div.container-videos-liste h2.titre {
	border:none;
	margin:0;
	padding:0 0 4px 0;
}

div.container-videos-liste p {
	padding-left:120px;
}

div.container-videos-liste p.resume-liste {
	margin-bottom:8px;
}

div.container-videos-liste p.vu {
	font-weight:bold;
}

div.container-videos-liste .liste {
	margin:0 0 10px 23px;
}