/* Sommaire
------------------------------
    1. Structure
    2. Story list
*/

/* Couleurs
------------------------------
# Bleu Sudpresse : #00a6eb
# Rouge Sudpresse : #E20031
# Gris : #848484
# Texte courant : #2a2a2a
*/

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. Structure <<<-----------*/
/* ----------------------------------------------------------*/

.preambule {
	clear: left;
	font-size: .750em;
	line-height: 1.4em;
	margin: 1em 0;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Story list <<<-----------*/
/* ----------------------------------------------------------*/
#large_imu {
text-align:center;
margin-bottom: 5px;
}
div.story {
	margin-bottom: 0;
}
.index .story {
	margin-bottom: .625em;
}
div.story + div.breadcrumb {
	margin-bottom: .625em;
}
.stories_list li {
	float: left;
	width: 100%;
	padding-bottom: .625em;
	border-bottom: 1px dotted #CCC;
	margin-bottom: .625em;
}
.stories_list li h3 {
	background: none;
	margin-bottom: .3em;
	font-size: 1.2em;
	padding: 0;
	text-transform: uppercase;
}
.stories_list li.first h3 {font-size: 1.5em;}
.stories_list li.second h3 {font-size: 1.5em;}
.stories_list li h3 a:link, .stories_list li h3 a:visited {color: black; text-decoration: none;}
.stories_list li h3 a:active, .stories_list li h3 a:hover {color: black; text-decoration: underline;}
.stories_list li img {
	float: left;
	margin-right: .625em;
}
.stories_list li .date {
	font-size: .750em;
	color: #154E79;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Infographies <<<-----------*/
/* ----------------------------------------------------------*/

#infographie #global {
	width: 960px;
}
#infographie #content_first {
	width: 645px;
}
.infographie {
	border-bottom: .0625em dotted #ccc;
	float: left;
	font-size: .750em;
	line-height: 1.5em;
	padding-bottom: .625em;
	margin-top: .625em;
	width: 100%;
}
.infographie h3 {
	font-size: 1.4em;
	padding-left: 0;
	padding-bottom: .625em;
	background: none;
}
.infographie img {
	float: left;
	margin-right: .625em;
}
.contenu_flash {
	margin-bottom: 1em;
}