/*----------------------------------------------------------
	Breaking News CSS
	Main styles for the breaking news

	Project:		OLWeb.fr
	Author:			Yannick Croissant (e-TF1)
	Summary :
		IE Patches (PNG fix, hasLayout triggers, etc.)
----------------------------------------------------------*/

#ads-carre { background:none; margin:10px 0 0; padding:0; text-align:center; }
#ads-carre .inner { background:none; margin:0; padding:0; }
#ads-carre .footer { display:none; }

/*
 * !Breaking News Inner
 */
#breaking-news-inner { float:left; padding:0 10px 80px; position:relative; width:450px; }

	#breaking-news-inner .infos { color:#E6232B; font-size:1.1em; font-weight:bold; position:absolute; top:0; }
		#breaking-news-inner .infos .date { color:#C8C8C8; font-weight:normal; padding-left:5px; }

	/* !Article */
	#breaking-news-inner .entry-title { color:#3C3C3C; font-size:1.65em; margin:15px 0; }
	#breaking-news #article-content { font-size:1.2em; padding:0 0 10px; }
		#breaking-news-inner p { color:#646464; padding:0 0 20px; }
		#breaking-news-inner p.catchline { font-weight:bold; }
		#breaking-news-inner p.catchline img { border:1px solid #DADADA; float:left; margin:0 10px 10px 0; padding:1px; }
		#breaking-news-inner #article-author { font-size:1.2em; font-style:italic; }

	#ads-betclick-article { margin-bottom:20px; }
	#breaking-news-inner .go-to-forum, #ads-betclick-article, #breaking-news-inner .fb-like { background:url(/image/generic/y-sprite.png) no-repeat 0 -73px; font-size:12px; padding:8px 0; }
	#breaking-news-inner .go-to-forum a, #ads-betclick-article a { background:url(/image/generic/x-sprite.png) no-repeat -68px -252px; padding-left:10px; }


	#breaking-news-inner p.entry-infos { color:#E6232B; font-size:0.9em; font-weight:bold; padding:0; }
	#breaking-news-inner p.entry-infos span { color:#C8C8C8; font-weight:normal; padding-left:0px; }

#ads-breaking-news-inner { background:#000; margin-bottom:20px; }
	
/* !Breaking news navigation */
#breaking-news-nav { height:20px; position:relative; }
	#breaking-news-nav a { background:url(/image/block/breaking-news/sprite.png) no-repeat 0 -19px; top:0; display:block; height:19px; overflow:hidden; position:absolute; text-indent:-9999em; }
	#breaking-news-nav .previous { left:0; width:109px; }
	#breaking-news-nav .next { background-position:-109px -19px; right:0; width:96px; }
	#breaking-news-nav .inactive { display:none; }
	
/*
 * !Breaking News List (inherit from #breaking-news-list in main.css)
 */
#breaking-news-list { float:left; position:relative; width:320px; }
	#breaking-news-list h3 { background:url(/image/block/breaking-news/sprite.png) no-repeat; height:19px; margin-bottom:10px; overflow:hidden; text-indent:-9999em; }
	.js #breaking-news-list .hfeed { height:auto; }
	#breaking-news-list form { background:#F5F5F5; border:1px solid #DDD; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; padding:10px; }
		#breaking-news-list form p { font-size:1.2em; margin:10px 0; }
		#breaking-news-list form label { left:-9999em; position:absolute; }
		#breaking-news-list form select { margin-right:5px; }
		#breaking-news-list form button { background:url(/image/generic/button-ok.png); height:21px; width:23px; }

/*
 * !Breaking News List + JS (inherit from #breaking-news-list in main.css)
 */
.js #breaking-news-list h4 { display:none; background:url(/image/generic/main-sprite.png) no-repeat -600px -339px; cursor:pointer; float:left; font-size:1.1em; font-weight:normal; height:15px; overflow:hidden; padding:2px 18px; position:absolute; text-align:center; top:30px; }
.js #breaking-news-list h4.active { background-position: -600px -362px; color:#E6232B; z-index:1; }
		.js #breaking-news-list h4 span { background:url(/image/generic/main-sprite.png) no-repeat -800px -339px; height:19px; position:absolute; right:0; top:0; width:3px; }
		.js #breaking-news-list h4.active span { background-position: -800px -362px; }
.js #breaking-news-list-all { left:0; width:37px; }
.js #breaking-news-list-000018 { left:76px; width:50px; }
.js #breaking-news-list-000019 { left:165px; width:24px; }
.js #breaking-news-list-000020 { left:228px; width:36px; }

/* !Breaking News List Nav (inherit from .nav-page in main.css) */
#breaking-news .nav-page { display:none; }

/* !Breaking News List Nav + JS (inherit from .nav-page in main.css) */
.js #breaking-news .nav-page { background:none; border:solid #DDD; border-width:1px 1px 0; display:block; float:none; margin:0; padding:5px; width:auto; }
.js #breaking-news-list .nav-page ul { float:none; left:auto; margin:0; }
	.js #breaking-news-list .nav-page li { left:auto; position:static; }
