/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.2; 
  font-family:Verdana;
  font-size:80%;
  color:#666;
  padding-top:5px;
  background:#C8C8C8;
  padding-top:5px
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111;}

h1 { font-size: 1.6em; line-height: 1; margin-bottom: 0.5em; color:#CC0000; }
h2 { font-size: 1.3em; margin-bottom: 1em; color:#000; font-weight:bold;}
h3 { font-size: 1.1em; line-height: 2em; margin-bottom: .5em; color:#000; font-weight:bold;}
h4 { font-size: 1em; line-height: 1.25; margin-top: 0.3em;margin-bottom: 1.5em; font-weight:bold; color:#CC0000; }
h5 { font-size: 1em; font-weight: bold; line-height:2em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }




/* links */

a, a:active, a:visited {
	color:#666;
	text-decoration:underline;
}

/* main layout */

body {
	width:975px;
	margin:0 auto;
	font-family:  tahoma, sans-serif;
	font-size:13px;
}

#page {
	width:975px;
	border-bottom:1px solid #CCBABA;
	background:#FFF;
}

#head {
	height:194px;
	background:#CCCCD3 url(/img/headBg.png) repeat-x top;
	border-left:1px solid #CBBABA;
	border-right:1px solid #CBBABA; 
	width:975px;
}

.menu ul{
	list-style:none
}

.menu ul li{
	float:left;

}

.menu div ul li {
	padding:0 10px;
	float:left;
}

	#head #logo {
		height:140px;
		width:236px;
		background:url(/img/Logo_new.png) no-repeat;
		float:left;
	}
	
	#head #logo a {
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}
	
	#head .right {
		float:right;
		height:128px;
		padding-top:12px;
		width:736px;
		color:#fff;
	}
	
	#head .right p {
		text-align:right;
		padding-right:80px;
		margin:0;
		padding-top:5px;
	}
	
	#head .menu {
		width:100%;
	}

	
	
#main {
	border-left:1px solid #CBBABA;
	border-right:1px solid #CBBABA; 
 	width:975px;
	float:left;
	background:white;
}

#main #bar {
	height:64px;
	width:100%;
/*
	overflow:hidden;
*/
	background:url(/img/barBg.png) repeat-x;
	margin-bottom:30px;
}

	#main #bar #sms {
		background:transparent url(/img/sms.jpg) repeat scroll 0 0;
		float:left;
		height:46px;
		left:10px;
		margin:10px;
		top:8px;
		width:652px;
	}
	
		#main #bar #sms div {
			margin-left:6px;
			margin-right:6px;
			margin-top:22px;
		}
	
		#main #bar #sms marquee.inputText {
			width:420px;
			margin-right:14px;
			background:#FFF;
			border:1px solid #FFF;
			height:15px;
			*padding-right:15px;
			*margin-right:0;
		}
	
	#main #bar #info {
		float:right;
		font-size:11px;
		font-weight:bold;
		height:54px;
		line-height:19px;
		padding-top:6px;
		position:relative;
		text-align:center;
		width:280px;
	}
	
	#main #bar #info .info {
		position:relative;
		bottom:74px;
	}
	
	#main #bar #info table {
		margin:0 auto;
	}
	
	#main #bar #info table td {
		vertical-align:middle;
		padding:0 4px;
	}
	
#MainWrapper {
	float:left;
	width:720px;
}

.sidebar.left {
	float:left;
	width:400px;
}

#middle {
	float:right;
	width:320px;
}

#middle span.date{
	font-size:12px;
	color:black;
	font-weight:bold;
}

.sidebar.right {
	float:right;
	width:250px;
}

#polls {
	border-left:1px solid #CBBABA;
	border-right:1px solid #CBBABA;
	display:table;
/*
	height:300px;
*/
	width:975px;
	clear:both;
}

	#polls .block {
		width:45%;
/*
		margin-bottom:15px;
*/
	}
	
	#polls .block.left, #polls .block.right  {
		width:47%;
		margin-bottom:20px;
	}	
	
	#polls .content {
		padding:20px 20px 0;
	}

	#polls .content ul {
		list-style:none;
		list-style-position:outside;
		margin-top:10px;
	}

	#polls .content ul li {
		clear:both;
	}
	
	#polls .content ul li span.date {
		color:#666666;
		display:block;
		float:left;
		height:32px;
		margin-right:10px;
	}

	#polls .content ul li a{
		clear:right;
		display:block;
		margin-left:120px;
	}

#tags {
	border-left:1px solid #CBBABA;
	border-right:1px solid #CBBABA; 
/*
 	display:table;
*/
 	width:975px;
	clear:both;
}

#tags a,#tags  a:active,#tags  a:visited {
	color:#666;
	text-decoration:underline;
}

	
	#tags h1 {
		background:url(/img/polls/head.jpg);
		display:block;
		color:transparent;
		width:100%;
		height:30px;
		margin:0;
	}
	
	#tags .content {
		padding:20px;
	}
	
	#tags .content table {
		width:95%;
		margin-left:60px;
	}
	
	#tags .content table td div.block {
/*		margin-bottom:30px; */
		padding-top:20px;
	}
	
	#tags .content table td div.block h1 {
		background:none;
		color:#cb0101;
		font-size:1em;
		font-weight:bold;
		text-transform:uppercase;
		height:100%;
		margin-bottom:1em;
	}
	
	#tags .content table td div.block ul {
		list-style:none;
		padding-left:0.3em;
		list-style-position:inside;
		line-height:1.6em;
	}
	
	#tags .content table td div.block ul li img {
		clear:left;
		float:left;
		margin-right:6px;
		position:relative;
		top:8px;

	}
	
	#tags .content div.block {
		width:180px;
	}
	
.pad {
	padding:20px;
}

#footer {
	background:#FFFFFF;
	
	margin: 0 auto;
	margin-top:6px;
	margin-bottom:60px;
	text-align:center;
	color:#6D6B80;
	width:975px;
}

	#footer .pad {
		padding: 10px;
	}

#footer a {
	color:#6D6B80;
	text-decoration:none;
}

#footer>p {
	margin-bottom:.4em;
}

/* forms */

input.inputButton {
	background:#BB1917;
	border:1px solid #fff;
	color:white;
	font-weight:bold;
	text-decoration:underline;
	-moz-border-radius:3px;
}

input.inputText {
	background:#FFF;
	border:1px solid #999;
	height:15px;
}

/*blocks*/

hr.stripe {
	border:0;
	height:15px;
	background:url(/img/stripeBar.gif);
	margin:0;
	padding:0;
}

hr.clear {
	border:0;
	height:0;
	background:none;
	margin:0;
	padding:0;	
	clear:both;
}

.block.left {
	float:left;
}

.block.right {
	float:right;
}

h2 span.date {
	font-weight:normal;
	font-size:0.9em;
}

.alaune {
	width:385px;
	margin:0 auto;
}

	.alaune h2 {
		color:black;
		font-size:12px;
		text-transform:uppercase;
		font-weight:bold;
		margin-bottom:0.1em;
	}

	.alaune h1 {
		display:block;
		color:transparent;
		width:100%;
		height:30px;
		margin:0;
		background:url(/img/blocks/headers/alaune.jpg);
	}
	
	.alaune table {
		width:100%;
		margin-top:10px;
	}
	
	.alaune div.img {
		height:208px;
		width:242px;
		display:none;
	}
	
	.alaune div.img.politique {	
		border:1px solid #cc0000;
	}

	.alaune div.img.societe {	
		border:1px solid #90bfb9;
	}

	.alaune div.img.culture {	
		border:1px solid #a571c3;
	}
	
	.alaune div.tab {
		width:123px;
		height:50px;
		padding:8px;
		background:url(/img/alauneTabBg.jpg);
		cursor:pointer;
	}

	.alaune div.tab p{
		color:#cc0000;
		margin:0;
		padding:0;
		font-size:12px;
	}
	
	.alaune div.tab a {
		display: block; 
		height: 100%; 
		width: 100%;
	}
	
	.alaune div.tab.politique {
		border:2px solid #cc0000;
		border-left:0;
	}

	.alaune div.tab.societe {
		border:2px solid #90bfb9;
		border-left:0;		
	}

	.alaune div.tab.culture {
		border:2px solid #a571c3;
		border-left:0;		
	}


#middle .block {
	background:url(/img/blocks/bg.gif);
	width:310px;
	margin:0 auto;
}

	#middle .block .content {
		padding:10px 16px;
	} 
	
	#middle .block h1 {
		display:block;
		color:transparent;
		width:100%;
		height:30px;
		margin:0;
	}

	.block.video h1 {
		background:url(/img/blocks/headers/video.jpg);
	}
	
	.block.blogs h1 {
		background:url(/img/blocks/headers/blogs.jpg);
	}
	
	.block.sondages h1 {
		background:url(/img/blocks/headers/sondages.jpg);
	}

	.block.olendirect h1 {
		background:url(/img/blocks/headers/olendirect.jpg);
	}

	.block.articles h1 {
		background:url(/img/blocks/headers/articles.jpg);
	}	
	
.sidebar.right .block {
	width:236px;
	background:url(/img/blocks/rightBlockBg.gif);
	margin:0 auto;
	margin-bottom:20px;
}

	.sidebar.right .block .content {
		padding:10px 16px;
		border-bottom:6px solid #F2F2EE;
	}

	.sidebar.right .block h1 {
		display:block;
		color:transparent;
		width:100%;
		height:50px;
		margin:0;
	}
	
	.sidebar.right .block.infoFrance h1 {
		background:url(/img/blocks/headers/infoFrance.jpg);
	}
	
	.sidebar.right .block.palmares h1 {
		background:url(/img/blocks/headers/palmares.jpg);
	}

	.sidebar.right .block.dossiers h1 {
		background:url(/img/blocks/headers/dossiers.jpg);
	}

	.sidebar.right .block.kiosque h1 {
		background:url(/img/blocks/headers/kiosque.jpg);
	}

	.sidebar.right .block.newsletter h1 {
		background:url(/img/blocks/headers/newsletter.jpg);
	}


/* left sidebar blocks */

.sidebar.left .block {
	width:385px;
	border-bottom:6px solid #F2F2EE;
	margin:0 auto;
	margin-top:10px;
/*	padding-bottom:30px; */
}


	h1.tag {
		clear:both;
		color:white;
		display:block;
		font-size:1em;
		padding:5px 9px;
		text-align:center;
		width:70px;
	}
	
	h1.tag.POLITIQUE {
		background:#EA3E3E;
	}
	
	h1.tag.JUDICIAIRE {
		background:#A11E1E;
	}
	
	h1.tag.ECONOMIE {
		background:#F29F55;
	}
	
	h1.tag.SOCIETE {
		background:#90BFB9;
	}

	h1.tag.CULTURE {
		background:#A572C3;
	}
	
	h1.tag.SPORT {
		background:#9BCA29;
	}
	
/* common elements */

hr {
	border:0;
	height:6px;
	background:#F2F2EE;
}
	



img.left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	clear:both;
}

.black {
	color:black;
}

form p {
	margin:0;
}

.block.kiosque .content {
	padding:5px 10px !important;
}

.block.kiosque hr {
	border:3px solid #F2F2EE ;
	height:6px;
	background: #F2F2EE;
}

.block.kiosque  ul {
	display:block;
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:128px;
}

.block.kiosque  ul li{
	background:transparent url(/img/arrow.jpg) no-repeat scroll 0 3px;
	padding-left:14px;
	padding-bottom:.5em;
}

.block.kiosque  ul li a{ 
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
	
}

#magScroll {

}

#magScroll .content {
	padding:4px;
}

#magScroll .content ul {
width:104px;
}

hr.clear {
	visibility:hidden;
	clear:both;
	height:0;
	border:none;
}

.block.dossiers h3 {
	line-height:1;
	margin-bottom:0;
}

.block.dossiers p a, .block.palmares p a {
	color:#CC0000;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

.block.newsletter form p {
	margin-bottom:1.5em;
}

.block.palmares ul {
 list-style:none;
}

.block.palmares ul li h3 {
	margin:0;
	padding:0;
	line-height:1;
}

.block.palmares ul li{
	background:transparent url(/img/palmBullet.jpg) no-repeat left top;
	padding-left:20px;
}

.rss {
	float:right;
	margin-right:12px;
}

/* magazine slider */

.slider-wrap {
	border:1px solid #999;
	width:100%;
	margin:0 auto;	
	overflow:hidden;
	position:relative;
}

.slider-wrap .wrapper {
	width:216px;
	height:110px;
	float:left;
	overflow:hidden;
}

.panelContainer {
	position:relative;
}

.magSlider {
	width:100%;
	height:100%;
	overflow:hidden;
}

.stripNavR, .stripNavL {
	text-indent:-9000em;
	width:16px;
	height:16px;
	
}

.stripNavR a, .stripNavL a {
	display:block;
	cursor:pointer;
	width:16px;
	height:16px;
} 

.stripNavR {
	background:url(/img/arrowBut/butRight.jpg) no-repeat;
	left:196px;
	position:relative;
}

.stripNavL {
	background:transparent url(/img/arrowBut/butLeft.jpg) no-repeat scroll 0 0;
	left:180px;
	position:absolute;
	top:110px;
}




.slider-wrap ul {
	width:124px !important;
}


#main > #content {
width:98%;
margin: 0 auto;
}

#content div > #main {
width:700px;
float:left;
border:0;


}

#content div > #side {
float:right;
width:220px;
}

#content div > #side ul {
	list-style:none;
	margin:20px;
}

	#content div > #side ul li {
		margin-bottom:6px;
	}

#footer {
clear:both;
margin-bottom:0;
}


/* palmares inner table */

.inner {
	padding:0 50px;
}


#palmaresTable {
	border:8px solid #EAEAEA;
	width:100%;
	margin-bottom:20px;
}

#palmaresTable th, #palmaresTable td{
	vertical-align: middle;
	height:24px;
	padding:4px;
}

#palmaresTable th {
	background:#EAEAEA;
	font-weight:bold;
}

#palmaresTable th.caption {
	font-size:16px;
}

#palmaresTable th.caption small {
	font-size:11px;
}

#palmaresTable tr.zebra td {
	background:#EAEAEA;	
}


/* block info france scrolling */

.block.infoFrance .content {
	height:192px;
	width:170px;
	overflow:hidden;
}

.block.infoFrance ul {
	list-style:none;
}

.block.infoFrance ul li {
	/*height:200px;*/
	overflow:hidden;
	width:170px;	
}

span#prevBtn a{ 
	display:block;
	background:url(/img/arrowBut/butUp.jpg);
	width:16px;
	height:16px;
	text-indent:-200px;
	float:right;
	overflow:hidden;
}

span#nextBtn a{ 
	background:transparent url(/img/arrowBut/butDown.jpg) repeat scroll 0 0;
	display:block;
	float:right;
	height:16px;
	overflow:hidden;
	text-indent:-200px;
	width:16px;
}	

#footer p {
	margin:0.2em;
}



.block p a, .block a p {
	text-decoration:none;
}

.block p a:hover, .block a:hover p {
	text-decoration:underline;
}

#commentsText {
	width: 400px;
}

#commentsForm td {
	padding:4px;
}


#related a {
	text-decoration:none;
}

#related a:hover {
	text-decoration:underline;
}


#article ul{
	padding-left:20px;
}


#stripNav0 {
	display:none;	
}