/* FLUX RSS */
/*
Leur structure html :

	<div class="rss">
		<div class="channel">
			<a target="_blank" href=""><img border="0" src="" title=""/></a>
			<h1><a target="_blank" href="http://javascript.developpez.com/index/rss">Nom du flux</a></h1>
			<div class="description">Description du flux.</div>
			<h6>Date de publication</h6>
		</div>
		<ol class="items">
			<li>
				<span class="numero">1</span>
				<div class="header">
					<h2><a target="_blank" href="http://">Titre de l'article</a></h2>
					<h6>Date de publication</h6>
				</div>
				<div class="description">Description de l'article.</div>
			</li>
		</ol>
	</div>
	
*/

/* Chargement et erreur */
	.loading {
		background: transparent url(../images/preloader.gif) no-repeat center center;
		height: 200px; /* hauteur par défaut */
		}
	.error {
		background: darkblue;
		color: #fff;
		font: bold 1em Georgia;
		padding: 1em;
		}
		
/* Tag englobant le flux */
	.rss  {
		float: left;
		}
		
/* Liens hypertextes */
	.rss A {
		color: #006699;
		position: relative;
		z-index: 6;
		}
	.rss A:visited {
		border-color: #990066;
		color: #990066;
		}
	.rss A:hover {
		border-color: #FF5626;
		color: #FF5626;
		}
	/* Résoud l'affichage du surlignement des titres dans les différents navigateurs */
	.rss H1 A,
	.rss H2 A {
		border-bottom: 1px solid #006699;
		text-decoration: none;
		}
	
/* Description du flux */
	.channel {
		border: 0px solid #ddd;
		padding: 0.5em;
		}
	/* Titre */
	.channel  H1 {
		display: inline;
		font: normal 1.6em Verdana;
		}
	/* Image  */
	.channel  IMG {
		display: none;
		margin: 0 0 0 1em;
		position: relative;
		z-index: 2;
		}
	/* Description */
	.channel  .description {
		font: normal 1em Georgia;
		padding: 0.5em;
		position: relative;
		z-index: 1;
		}
	/* Date de publication */
	.channel  H6 {
		display: none;
		}

/* Items du flux */
	.items  {
		list-style-type: none; /* list-style-type: decimal;  */
		list-style-position: outside;
		margin: 0 0.5em; /* 0 3em; */
		padding: 1em 0 2em;
		}
	/* item */
	.items  LI {
		font: normal 1em 'Lucida Sans Unicode','Lucida Grande', sans-serif;
		position: relative;
		}
	/* Element utiliser pour styliser le numero. Par défaut, il est masqué (1). */
	.items  .numero {
		background: transparent url(../images/numero.png) no-repeat 2px 2px;
		color: #729FCF;
		display: none; /* (1) : utilisé la valeur block sinon, et augmenter la marge extérieure */
		font: bold 1em/52px Arial;
		height: 50px;
		left: -55px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 50px;
		}
	/* Regroupe tous les éléments décrivant l'article hormis la description*/
	.items  .header {
		clear: left;
		}
	/* Titre */
	.items  H2 {
		display: inline;
		font: normal 1.4em Arial;
		}
	/* Date de publication */
	.items  H6 {
		color: #333;
		font: normal 0.6em Arial;
		}
	/* Description */
	.items  .description  {
		color: #000 !important;
		font: normal 1em 'Times New Roman', Times, serif !important;
		margin: 0 0 2em 0;
		padding: 0.5em;
		text-align: justify;
		}