#react_nonlong{
	width:450px;
	padding: 0 5px 5px;
	border:1px solid #ccc;
}
#react_nonlong h5 img{cursor:pointer;}
#react_nonlong p,
#react_nonlong h3 { margin:10px }

#react_container { position:relative;z-index:3000;}
#react_nonlong {display:none;z-index:3000;left:80px;position:absolute;background-color:#fff}

#article, .article{
	padding:10px 30px 0px;
	color:#333;
}

#article .tableOST {border:solid 1px #d0d0d0;font-size:10px}
#article .tableOST td,
#article .tableOST th {border:solid 1px #d0d0d0;padding:3px 5px}
#article .tableOST th {font-weight:bold;background-color:#eee}

#article h1, .article h1{
	margin:.5em 0;
}
#article p, .article p{
	margin-bottom:1em;
	text-align:justify;
}
#article ul{
	margin-bottom:1em;
	list-style: square;
}

#article .newsliste ul{
	margin:none;
	list-style: none;
}

#article li{
	margin-left: 2em;
	margin-bottom:1em;
}

#article em, #article a{
	color:#000;
	font-weight:bold;
}
#article a{text-decoration:underline;}
#article .ads300x250{
	float:right;
	margin:0 0 1em 1em;
}

#article .sep
{
	border-top:1px solid #3399cc;
	margin-bottom:10px;
}

#article .small
{
	font-size:10px;
	font-family:Verdana;
}

#kw {
	font-size:10px;
	color:#666;
	border:solid 1px #d0d0d0;
	padding:5px;
	clear:right;
}

#kw a {font-weight:normal;	text-decoration:none;}
#kw a:hover {text-decoration:underline;}

#article img.fr { margin:10px;	border:3px solid #E8E7E7;}

#article img.fr.eco { width:295px; margin:0px;margin-bottom:15px;}

#article span.more{
	cursor:pointer;
	color: black;
	font-weight:bold;
}
#article div.more{
	float: none;
	display:block;
}


#article b.reagir,
#interview b.reagir{margin-bottom:10px;display:block;font-weight:normal;}
.reagir{ overflow:auto; zoom:1; }
.reagir span{ float:left; }
.reagir .fr{ float:right; }


#article .ads300x250{margin:0 0 1em 2em;	}
	/* social */
#social li{
	display:inline;
	margin:0;
	padding:0 4px 0 0;
	text-indent:-999em;
	float:left;
	}
#social li.partage{
	display:inline;
	margin:0;
	padding:0 4px 0 0;
	text-indent:0;
	color:#000;
	font-family:arial;
	font-weight:bold;
	font-size:0.92em;
	float:left;
}
#social li a,
#social li .gothere{
	display:block;
	width:18px;
	height:18px;
	}
ul#social{list-style-type:none !important;}
#social #rss{	background:url(img/logo-rss.gif) center center no-repeat;	}
#social #facebook{	background:url(img/facebook.gif) center center no-repeat;	}
#social #twitter{	background:url(img/twitter.gif) center center no-repeat;	}
#social #viadeo{	background:url(img/viadeo.gif) center center no-repeat;	}
#social .cl{	clear:both;	float:none;	line-height:0;	font-size:0;	padding:0;	margin:0;	height:0;	}
	/* outils */
#tools{	display:block;	}
#tools a{
	display:block;
	width:19px;
	height:17px;
	margin-right:3px;
	float:left;
	text-indent:-999em;
	background:url(img/tools.gif) no-repeat;
	}
#tools #bigger{	background-position:0 top;	}
#tools #smaller{	background-position:-19px top;	}
#tools #email{	background-position:-38px top;	}
#tools #print{	background-position:-57px top;	}

/* ########################### Interview ###########################  */
#interview{
	padding:20px 30px 20px;
	color:#333;
}

#interview .photo{
	float:left;
	width:80px;
	margin-right:15px;
	border:3px solid #E8E7E7;
}
#interview cite{
	display:block;
	padding-top:1.5em;
	text-indent:-.9em;
	font-style:italic;
	color:#666;
}
#interview dl{
	clear:left;
	padding-top:1em;
}
#interview dt{
	padding-bottom:.5em;
	font-weight:bold;
	color:#000;
}
#interview dt b{
	font:bold .83em verdana, sans-serif;
	color:#999;
}
#interview dd{padding-bottom:1em;text-align:justify;}
/* ########################### Photo Media ###########################  */
.photo {
	position:relative;
	float:right;
	border:1px solid #ccc;
	padding:3px 3px 1px;
	color:#aaa;
	font-size:10px;
	margin-left:10px;
	margin-bottom:5px;
}

.photo div {
	background-color:white;
	border:1px solid #ccc;
	padding:3px;
	display:none;
	position:absolute;
	top:-1px;
	right:-1px
}
/* ########################### Réactions ###########################  */
.reactions li{
	padding:10px;
	border-bottom:1px solid #D0D0D0;
}
.reactions li.alt{
	background-color:#FEFCFC;
}
/*.reactions .infos{margin-bottom:1em;}*/
.reactions .infos b{
	display:block;
	height:15px;
	color:#999;
	font-size:.92em;
}

.reactions .infos h6{
	padding-left:23px;
	background:url(img/picto-reaction.gif) left center no-repeat;
}
.reactions .infos h6 a{color:#000;}
.reactions .infos h6 span{
	float:right;
	font-weight:normal;
	color:#666;
}
.reactions .infos h6 img{
	position:relative;
	bottom:-5px;
}
.reactions a{text-decoration:underline;}
.reactions p{
	/*padding-bottom:1em;*/
	color:#333;
}
.reactions .tools{padding-top:10px;}
.reactions blockquote{
	margin:1em;
	font-size:.92em;
	padding:8px;
	border:1px dotted #D0D0D0;
	background:#F8F6F4;
}
.reactions blockquote h6{color:#333;}
.reactions .edit{
	padding:0 1em;
	text-align:right;
	font-size:.91em;
	background:#F5F5F5;
}

.reactions form{
	display:block;
}
.reactions legend{
	font-size:1.17em;
	font-weight:bold;
	color:#000;
}
.reactions label{
	display:block;
	line-height:2.5em;
	font-size:.92em;
	font-weight:bold;
}
.reactions textarea{
	width:605px;
	height:100px;
	padding:2px;
	font-size:12px;
}
.reactions form p{
	padding-top:10px;
	text-align:right;
}

/* ########################### Guide ###########################  */
.guide a
{	color: black;
	text-decoration: none;
}

.guide p a{
	color: #bababa;
	text-decoration:underline;
}

.guide .bigTitle
{	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}

.guide .bigTitle .sub
{	font-size: 18px;
	font-weight: bold;
}

.guide .chapter{
	font-size: 18px;
	font-weight: bold;
	color: black;
}

.guide .chapter a{
	color: black;
	text-decoration: none;
}

.guide .chapterSmall
{
	font-size: 14px;
	font-weight: bold;
	color: #0064a7;
}

.guide .chapterSmall a
{	color: #0064a7;
	text-decoration: none;
}

.guide p
{
	margin: 20px 0px 0px 0px;
	text-align: justify;
}

.guide span.num
{
	font-weight: bold;
	font-style: normal;
	margin-right: 10px;
	text-decoration: none;
}

.guide span.num:after
{
	content: ' - ';
}

.guide span.more{
	cursor:pointer;
	color: black;
	font-weight:bold;
}
.guide div.more{
	float: right;
	display:block;
}

.guide .content p	{
	text-align: justify;
	margin: 0px 0px 15px 0px;
}

.guide .content .defs p	{
	text-align: justify;
	margin: 0px 0px 15px 0px;
}

.guide  .content .title
{
	font-size: 12px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;
	color: black;
	border-bottom:1px solid #cc0006;
	background-color:#f8f6f4;
	line-height:18px;
}


.guide .content .sub
{
	font-size: 15px;
	margin-top: 30px;
	margin-bottom: 5px;
	color: black;
}

.guide .content .more
{
	font-size: 12px;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 5px;
	color: black;
}

.guide .content .small
{
	font-size: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: black;
}

.guide
.content
.small
span.text
	{
		text-decoration: underline;
	}

.guide
.content
.table
	{	text-align:center;
		margin: 15px 0px;
	}

.guide
.content
.table
.footer
	{	font-size: 10px;
		color: gray;
	}

.guide
.content
table	{	font-size: 10px;
		border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
		border: 2px solid black;
		text-align: left;
	}

.guide
.content
table
thead
th	{	font-weight: bold;
		text-align: center;
		padding: 3px 5px;
		border: 1px solid black;
		background-color: lightgrey;
		font-size: 10px;
		
	}
.guide
.content
table
thead
td	{	font-weight: normal;
		text-align: center;
		padding: 3px 5px;
		border: 1px solid black;
		background-color: #efefef;
		font-size: 10px;
	}

.guide
.content
table
tbody
td,
.guide
.content
table
tbody
th	{	background-color: white;
		color: black;
		border: 1px solid black;
		padding: 3px 5px;
		font-size: 10px;
	}
	
.guide
.content
table
tbody
td.num	{	text-align: center;
	}

.guide
.content
.exemple
	{
		font-family: times;
		border: 1px solid #cce5ff;
		background-color: #f8fbff;
		margin: 0px 30px;
		padding: 10px;
		color: darkblue;
		font-size: 11px;
	}

.guide
.content
.tip	{
		margin: 0px 0px;
		padding: 5px 0px;
		border-top: 1px solid lightgrey;
		border-bottom: 1px solid lightgrey;
	}
.guide
.content
.tip
.type u	{
		color: gray;
		background-color: lightgrey;
		text-decoration: none;
		padding: 0px 5px;
		float:left;
		font-style: italic;
	}

.guide
.content
.mark	{
		border: 1px dashed #f6f3f4;
		border-top: 4px solid #f6f3f4;
		background-color: #fdfdfd;
		margin: 0px 30px;
		padding: 10px;
	}

.guide
.content
.mark
.type	{
		float: left;
	}

.guide
.content
.mark
.type u	{
		color:#333333;
	}

.guide
.content
.mark
.type:after
	{
		content: ' :';
		margin-right: 3px;
	}
.guide
.content
ul	{	margin: 0px;
		padding: 0px;
	}

.guide
.content
ul li	{	margin: 0px 0px 0px 30px;
		list-style: square;
	}
	
.guide
.content
.defs	{
		margin-left: 30px;
		padding-left: 8px;
		border-left: 1px solid lightgrey;
		margin-bottom: 0px;
		text-align: justify;
	}
.guide
.content
.defs
.name	{
		float: left;
	}
.guide
.content
.defs
.name i	{
		font-weight: bold;
	}

		
.guide
.content
.defs
.name:after
	{
		content: ' :';
		margin-right: 3px;
	}
	

.synopsis
	{
		font-family: arial, helvetica, "sans serif";
		font-size: 11px;
		padding: 10px;
	}

.synopsis
.title	{	font-size:12px;
		font-weight: bold;
		margin-top: 0px;
		margin-bottom: 10px;
		color: black;
	}
.synopsis
.title a
	{	color: black;
		text-decoration: none;
	}

.synopsis
ol	{
		margin: 0px;
		padding: 0px;
		margin-top:10px;
	}

.synopsis
ol li	{
		margin-left: 45px;
		color: gray;
		font-style: italic;
	}
.synopsis
ol li
span	{
		font-style: normal;
		margin-left: 0px;
	}

.synopsis
ol
.ul	{
		margin-left: 45px;
	}

#center .nav
{	background-color: #efefef;
	/*font-size: 10px;*/
	font-family: arial, helvetica, "sans serif";
	padding: 3px 10px;
	text-align:center;
}
.nav
.prev	{	float: left;
	}
.nav
.next	{	float: right;
	}

.nav
a:hover	{	color:lightgrey;
		text-decoration: underline;
	}
.nav
a	{	color:gray;
		text-decoration: none;
	}

.copyright
	{	text-align: center;
		font-size: 10px;
		color: black;
		display:none;
	}
.copyright
a
	{	color: black;
		text-decoration: underline;
	}
.update
	{	text-align: center;
		font-size: 9px;
		color: lightgrey;
	}
	
.blocl .article{padding:0;}

/****Liens Article Précédent - Suivant**********************/
#prevnext {margin-top:15px;margin-bottom:15px;}

#prevnext .linksArticle{
	overflow: hidden;
	margin-bottom: 10px;
	list-style-type: none;
}
#prevnext .linksArticle li{
	width: 50%; float: left;
	margin-left:0px;
}
#prevnext .linksArticle li a
{
	text-decoration: none;
	display: block;
	font: 12px arial; color: #666;
	background-image: url(img/sprite-linksarticle.png);
	background-position: left 2px;
	background-repeat: no-repeat;
}
#prevnext .linksArticle li.prev a{ padding-left: 25px; width:289px;}
#prevnext .linksArticle li.next a{
	text-align: right;
	background-position: right -171px;
	padding-right: 25px;
	width:290px;
}
#prevnext .linksArticle li a span{
	display: block;
	color: #000; font-weight: bold;
	padding-bottom:3px;
}
#prevnext .linksArticle li a:hover{ text-decoration: none; }
#prevnext .linksArticle strong,
#prevnext .linksArticle strong b{
	font-weight:normal;
	color:#000;
	}
#prevnext .linksArticle strong,
#prevnext .linksArticle a{ vertical-align:top; }
#prevnext .linksArticle strong{
	display:inline-block;
	width:200px;
	margin:0 1em 0 0;
	}
#prevnext .linksArticle .next strong{ margin:0; }
#prevnext .linksArticle .time{
	display:inline-block;
	padding-right:6px;
	color:#2f80ba;
	}

#rightarticles{
	float:right;
	width:320px;
}
#rightarticles.c
{
	float:none;
}

#rightarticles .toparticles{ clear:both; float:right;width:300px; } 
#center #rightarticles .nav{
	background:transparent;
	padding: 0 10px;
	margin:0 0 5px;
}
#center #rightarticles .nav li,
#center #rightarticles #topread li,
#center #rightarticles #topcomment li{ margin:0; }

#center #rightarticles #topread a,
#center #rightarticles #topcomment a{ text-decoration:none; }

/* AdSense */
/* reset styles from previous #article ads */
#article .googlads{
	margin-bottom:auto;
	width:auto;
	}
#article .li{
	margin-bottom:auto;
	margin-left:auto;
	}
#article .googlads{
	height:auto;
	margin:0 auto;
	}
#article .googlads li.prime{
/* 	border-left:1px solid #DDDDDD; */
	border:none;
	}
#article .googlads li {
/* 	border-bottom:1px solid #DDDDDD; */
	border:none;
	}
#article .googlads li{
/* 	border-right:1px solid #DDDDDD; */
	border:none;
	padding:0;
/* 	width:190px !important; */
	width:auto;
	}
#article .googlads li,
#article .googlads .adlink{
	background:none;
	}
#article .googlads h2{
	text-align:left;
	margin:0;
	}
#article .googlads strong{
	height:auto;
	}
/* new styles */
	#article .edito h2{ color:#999; font-size:10px; padding:0 0 2px; }
	#article .edito ul{ border:solid #ccc; }
	#article .edito ul{ border-width:1px 0 0; padding:2px 0 0; }
	#article .edito strong{ font-size:1.1em; line-height:1.3; }
	#article .edito strong{ display:block; padding:2px 0 1px; }
	#article .edito .adlink{ color:#2f80ba; font-size:1.1em; }
	#article .edito br{ display:none; } /* very unperfect, only if <br/> cannot be removed */
	#article .edito p{ font-size:1.1em; margin:2px 0 !important; }

/*Conseils SG */
#article #achat,
#article #vente, 
#article #echanges{
	float:left;
	width:170px;
}

#article #achat .value,
#article #vente .value, 
#article #echanges .value{
	text-align:right;
}