@charset "utf-8";
/* CSS Document */





/**************************************************************/
/* 				FLECHES POUR LES SCROLLS					  */
/**************************************************************/
.fleche_haut{
	position:relative;
	height:30px;
	width:25px;
	background:transparent url(/design/gulli/images/tele/scroll_up_buttonsmll3.png) no-repeat scroll left top;
	padding-bottom:7px;
}

.fleche_bas{
	height:30px;
	width:25px;
	background:transparent url(/design/gulli/images/tele/scroll_down_buttonsmll3.png) no-repeat scroll left top;
	float:left;	
	margin-top:4px;
}

.fleche_haut a, .fleche_bas a{
	display:block;
	height:30px;
	width:25px;
}

#parents .fleche_haut{
	height:18px;
	padding-bottom:3px;
	_padding-bottom:0px;
}

#parents .fleche_bas, #somebox_progtv .fleche_bas{
	margin:0;
}

#gullipedia .fleche_haut{
	background:transparent url(../images/gullipedia/scroll_up_buttonsmll3.png) no-repeat scroll left top;
}

#gullipedia .fleche_bas{
	background:transparent url(../images/gullipedia/scroll_down_buttonsmll3.png) no-repeat scroll left top;
}

#jeux .fleche_haut{
	background:transparent url(../images/jeux/scroll_up_buttonsmll2.png) no-repeat scroll left top;
}

#jeux .fleche_bas{
	background:transparent url(../images/jeux/scroll_down_buttonsmll.png) no-repeat scroll left top;
}

#parents .fleche_haut{
background:transparent url(../images/parents/scroll_up_buttonsmll2.png) no-repeat scroll left top;
}

#parents .fleche_bas{
background:transparent url(../images/parents/scroll_down_buttonsmll.png) no-repeat scroll left top;
}


/**************************************************************/
/* 				SCROLL BOX POUR LES DESCRIPTIONS			  */
/**************************************************************/

#somebox_text #content-slider {
	float:left;
	height:145px;
	position:relative;
	width:25px;
	margin-left:5px;
	_margin-left:0px;
}
    
#somebox_text .fond {
	background:transparent url(../images/tele/bg_scrollbarsmll.png) no-repeat scroll left top;
	float:left;
	height:202px;
	position:relative;
	width:25px;
	display:none;
}

#gullipedia #somebox_text .fond{
	background:transparent url(../images/gullipedia/bg_scrollbarsmll.png) no-repeat scroll left top;	
}

#parents #somebox_text .fond{
	background:transparent url(../images/parents/bg_scrollbarsmll.png) no-repeat scroll left top;	
}

#somebox_text   #content-scroll {
	overflow:hidden;
	display:block;
	float:left;
	height:202px;
	margin:0;
	padding:0;
	width:200px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
}

#somebox_text p{
	padding:15px 0 0 14px;
	width:180px;
}



/***********************************************************************/
/* 				SCROLL BOX POUR LES DESCRIPTIONS DE PROGRAMME		   */
/***********************************************************************/



#somebox_savoirplus{
	background:#FFFFFF none repeat scroll 0 0;
	width:434px;
	/*height:305px;*/
	margin-top:2px;
	margin-left:2px;
	display:block;
}
#somebox_savoirplus   #content-scroll-modal {
	overflow:hidden;
	display:block;
	padding:9px 43px 15px 18px;
	background:#FFFFFF none repeat scroll 0 0;
	height:275px;
	width : 348px;
	margin:0;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
}



#somebox_savoirplus .fond {
	background:transparent url(../images/tele/bg_scrollbarsmll3.png) no-repeat scroll left top;
	float:left;
	height:292px;
	position:relative;
	width:25px;
	display:none;
}


#somebox_savoirplus #content-slider-modal {
	float:left;
	height:262px;
	position:relative;
	width:25px;
	margin-left:5px;
	_margin-left:0px;
}


#somebox_savoirplus #content-slider-modal2 {
	float:left;
	height:262px;
	position:relative;
	width:25px;
	margin-left:5px;
	_margin-left:0px;
}

#somebox_savoirplus   #content-scroll-modal2 {
	overflow:hidden;
	display:block;
	padding:9px 43px 15px 18px;
	background:#FFFFFF none repeat scroll 0 0;
	height:275px;
	width : 348px;
	margin:0;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
}



/***********************************************************************/
/*		 				SCROLL BOX POUR LES MENTIONS		   			*/
/***********************************************************************/



#somebox_mentions{
	
	font-size:11px;
	height:549px;
	margin:0 0;
	width:938px;
}

#somebox_mentions h3{
background:transparent url(../images/parents/fd_tt.png) no-repeat scroll left top;
color:#FFFFFF;
font-size:24px;
height:48px;
margin:0 0 20px;
padding:15px 0 0;
text-align:center;
width:940px;
}

#somebox_mentions   #content-scroll {
	overflow:hidden;
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	float:left;
	height:533px;
	margin:0;
	padding:12px 0px 0 9px;
	width:900px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	border-color:#A8D91E -moz-use-text-color #A8D91E #A8D91E;
	border-style:solid none solid solid;
	border-width:2px medium 2px 2px;
}



#somebox_mentions .fond {
	background:transparent url(../images/parents/bg_scrollbar.png) no-repeat scroll left top;
	float:left;
	height:549px;
	position:relative;
	width:25px;
	display:none;
}


#somebox_mentions #content-slider {
	float:left;
	height:504px;
	_height:498px;
	position:relative;
	width:25px;
	margin-left:5px;
	_margin-left:0px;
}

/**************************************************************/
/* 				SCROLL BOX POUR LE PROGRAMME TV			  */
/**************************************************************/

#somebox_progtv #content-slider {
	float:left;
	height:325px;
	position:relative;
	width:30px;
	margin-left:5px;
	_margin-left:0px;
}
    
#somebox_progtv .fond {
	background:transparent url(../images/tele/bg_scrollbar.png) no-repeat scroll left top;
	float:left;
	height:380px;
	position:relative;
	width:30px;
	display:none;
}


#somebox_progtv   #content-scroll {
		overflow:hidden;
		display:block;
		float:left;
		height:380px;
		margin:0;
		padding:0;
		width:695px;
}

#somebox_progtv ul {
	float:left;
	width:695px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
}

#somebox_progtv li {
	background:url("../images/tele/bg_ul_scroll.png") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:54px;
	list-style-type:none;
	margin:0;
	padding:1px 0 0;
	width:695px;
}

#somebox_progtv li.alpha {
	filter : alpha(opacity=60);
    -moz-opacity : 0.6;
 	opacity: 0.6;   
}

#somebox_progtv li.nonalpha {
	filter : alpha(opacity=100);
    -moz-opacity : 1;
	opacity: 1;
}

#somebox_progtv li .heure {
	float:left;
	display:block;
	width:62px;
	height:32px;
	display:block;
	margin:0;
	padding:22px 0 0 0;
	text-align:center;
	color:#41A6F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

#somebox_progtv li img {
	float:left;
	display:block;
	width:65px;
	height:50px;
	display:block;
	margin:0;
	padding:0 0 0 0;
}

#somebox_progtv li .details {
	float:left;
	display:block;
	width:191px;
	height:41px;
	display:block;
	margin:0;
	padding:12px 0 0 24px;
}

#somebox_progtv li .details strong {
	float:left;
	display:block;
	width:193px;
	height:25px;
	display:block;
	margin:0;
	padding:0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000
}

#somebox_progtv li .details em {
	float:left;
	display:block;
	width:193px;
	height:auto;
	display:block;
	margin:0;
	padding:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#868788;
	font-style:normal;
}

#somebox_progtv li .ep_name {
	color:#000000;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	height:35px;
	margin:15px 5px 0 0;
	padding:0 0 0 33px;
	width:180px;
}

#somebox_progtv li .ts_savoir {
	float:right;
	display:block;
	width:127px;
	height:49px;
	display:block;
	margin:0 0 0 0;
	padding:4px 0 0 0;
}

#somebox_progtv li .ts_savoir .online {
	float:left;
	width:100%;
	display:block;
}

#somebox_progtv li .ts_savoir .link_gulli_replay {
	height:29px;
}

#somebox_progtv li .ts_savoir .link_tout_savoir {
	height:20px;
}

#somebox_progtv li .ts_savoir .online a {
	float:left;
	display:block; 
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#somebox_progtv li .ts_savoir .link_gulli_replay a {
	height:23px;
	padding:6px 0 0 34px;
	color:#60b1d9;
	background:url(../images/tele/btn_back.png) left top no-repeat;
}

#somebox_progtv li .ts_savoir .link_tout_savoir a {
	height:18px;
	padding:2px 0 0 34px;
	color:#70a71c;
	background:url(../images/tele/btn_ts_savoir.png) left top no-repeat;
}

/**************************************************************/
/* 				CURSEURS COMMUNS A TOUTES LES SCROLLS		  */
/**************************************************************/

#somebox_article  .ui-slider-handle,#somebox_text .ui-slider-handle,#somebox_progtv .ui-slider-handle,#somebox_mentions .ui-slider-handle,#somebox_savoirplus .ui-slider-handle,#somebox_commentaire .ui-slider-handle{
 	  width: 25px;
      height: 18px; 
	  border:0;
	 _margin-left:3px;
      background:transparent url(/design/gulli/images/tele/float_bttnsmll.png) no-repeat scroll left top;
     _background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/gulli/images/tele/float_bttnsmll.png', sizingMethod='crop');
}

#somebox_progtv .ui-slider-handle{
	_margin-left:5px;
}
/**************************************************************/
/* 				SCROLL BOX POUR LES ARTICLES 				  */
/**************************************************************/

#somebox_article{
	background:#FFFFFF none repeat scroll 0 0;
	width:432px;
	display:block;
	float:right;
}
#somebox_article   #content-scroll {
	overflow:hidden;
	display:block;
	float:left;
	background:#FFFFFF none repeat scroll 0 0;
	height:313px;
	width : 392px;
	margin:0;
	padding:0 0 0px 15px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
}

#somebox_article .ui-widget-content 
{
	background:none;
	border:0px;
}

#somebox_article .fond {
	background:transparent url(/design/gulli/images/tele/bg_scrollbarsmll3.png) no-repeat scroll left top;
	float:left;
	height:318px;
	position:relative;
	width:25px;
	display:none;
}

#gullipedia #somebox_article .fond {
	background: url(/design/gulli/images/gullipedia/bg_scrollbarsmll3.png) top left no-repeat;
}

#parents #somebox_article .fond {
background:transparent url(/design/gulli/images/parents/bg_scrollbarsmll3.png) no-repeat scroll left top;
}

#somebox_article #content-slider {
	float:left;
	height:250px;
	position:relative;
	margin-left:5px;
	_margin-left:0px;
}

#parents #somebox_article #content-slider{
height:272px;
_height:265px;
}
/**************************************************************/
/* 				SCROLL BOX POUR LES COMMENTAIRES			  */
/**************************************************************/

#somebox_commentaire #content-slider-commentaire {
	float:left;
	height:145px;
	position:relative;
	width:25px;
	margin-left:5px;
	_margin-left:0px;
}
    
#somebox_commentaire .fond {
	background:transparent url(../images/tele/bg_scrollbarsmll.png) no-repeat scroll left top;
	float:left;
	height:202px;
	position:relative;
	width:25px;
	display:none;
}

#gullipedia #somebox_commentaire .fond {
	background: url(../images/gullipedia/bg_scrollbarsmll.png) top left no-repeat;
}

#jeux #somebox_commentaire .fond {
	height:170px;
	background:transparent url(../images/jeux/bg_scrollbarsmll2.png) no-repeat scroll left top;
}

#jeux #somebox_commentaire #content-scroll-commentaire,#parents #somebox_commentaire #content-scroll-commentaire{
	height:170px;
}

#jeux #somebox_commentaire #content-slider-commentaire,#parents #somebox_commentaire #content-slider-commentaire {
	height: 113px;
}

#parents #somebox_commentaire .fond {
	height:170px;
	background:transparent url(../images/parents/bg_scrollbarsmll2.png) no-repeat scroll left top;
}



#somebox_commentaire   #content-scroll-commentaire {
	overflow:hidden;
	display:block;
	float:left;
	height:202px;
	margin:0;
	padding:0;
	width:354px;
}

#somebox_commentaire  li {
margin:0;
padding:0 0 4px 0;
float:left;
border-bottom:1px solid #e3e4e4;
width:342px;
}
#somebox_commentaire li strong {
display:block;
color:#858d74;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
 #somebox_commentaire  li {
display:block;
color:#858d74;
font-size:11px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
 
 
#somebox_commentaire  li a {
color:#858D74;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
}
#somebox_commentaire  li a:hover {
color:#858D74;
text-decoration:underline;
}

.line_comment
{
    float:left;
	width:372px;
	height:15px;
	display:block;
	margin:0 0 1px 0;
	padding:0 0 0 7px;
	background:#a1dbfe;

}

#gullipedia .line_comment {
 	background:#8eebd5;
}

#jeux .line_comment {
	background:#FFB5D0;
}

#parents .line_comment {
	background:#C8DE81
}

.line_comment a
{
    float:left;
	color:#029eff;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	width:auto;
	display:block;
	height:13px;
	line-height:11px;
	text-decoration:none;
}

#gullipedia .line_comment a{
	color:#019975;
}

#jeux .line_comment a{
	color:#FF0061;
}

#parents .line_comment a{
	color:#597401;
}