/* 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;

}

.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 {text-decoration: none;}

.stories_list li h3 a:active, .stories_list li h3 a:hover {text-decoration: underline;}

.stories_list li img {

	float: left;

	margin-right: .625em;

}

.stories_list li .date {

    color: #B3B3B3;
}



/* ----------------------------------------------------------------------------*/

  /* -------------------------------------------------------------------------------------------------->>> 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;

}


.bloc-01 {

	padding-bottom: 10px;

	background: transparent url(/images/SPV3/bg_shadow2.gif) no-repeat center bottom;

	clear: both;

	display:block;

}

.bloc-01 h2 {
	background: #196dab url(/images/SPV3/bg_title_blue2.gif) no-repeat 0 0;
	font-size: 12px;
	font-weight: 400;
	padding: 3px 10px;
	color: white;
	line-height:1.4em;
}
.bloc-01 h2 a {
	color: white !important;
	text-decoration:none;
}
.bloc-01 h2 a:hover {
	text-decoration:underline;
}

.bloc-01 .inner-bloc {padding: 10px 10px 5px 10px; border: 1px solid #ccc; border-top: none;}

.bloc-01 .inner-bloc li {line-height:1; padding: 0 0 5px 7px; background: transparent url(/images/SPV3/ico_arrow_transparent.gif) no-repeat 0 5px; zoom: 1;}

#consult {margin-top: 0px;}



	/* -------------------------------------------------------------------------------------------------->>> 3.2.1.1 Bloc medias <<<-----------*/



.en-media {zoom: 1; position: relative;}

.en-media img {display: block;}

.en-media span {position: absolute; background: white; color: black; padding: 5px; bottom: 10px; left: 0;}

* html .en-media span {bottom: 9px;}



	/* -------------------------------------------------------------------------------------------------->>> 3.2.1.2 Galeries <<<-----------*/



.galerie .gal-inner {background: black; display:block; clear:both;}

.galerie .gal-inner li {display: block; float: left; padding: 0 10px; margin: 12px 0; width: 78px; background: transparent url(/images/SPV3/separator_vertical2.gif) repeat-y left center;}

.galerie .gal-inner .first {background: none; padding-left:12px;}

.galerie .gal-inner .last {padding-left:12px;}

.galerie h3 {color: white; font-weight: 400; font-size: 12px; line-height: 1;}

.galerie h3 a {color: white !important;}

.galerie img {display: block; padding-bottom: 5px;}



.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}


   /* -------------------------------------------------------------------------------------------------->>> 9 Blocs v3 <<<-----------*/ 

	

#elections .bloc-01 {

	padding-bottom: 10px;

	background: transparent url(/images/SPV3/bg_shadow2.gif) no-repeat center bottom;

}

#elections .bloc-01 h2 {

	/*background: #196dab url(/images/SPV3/bg_title_blue2.gif) no-repeat 0 0;*/

	font-size: 12px;

	font-weight: 400;

	padding: 3px 10px;

	color: white;

}

#elections .bloc-01 h2 a {color: white !important;}

#elections .bloc-01 .inner-bloc {padding: 10px 10px 5px 10px !important; border: 1px solid #ccc !important; border-top: none !important;}

#elections .bloc-01 .inner-bloc li {
	line-height:1 !important; 
	padding: 0 0 5px 7px !important; 
	background: transparent url(/images/SPV3/ico_arrow_transparent.gif) no-repeat 0 5px !important; 
	zoom: 1 !important; 
	font-size:0.75em;
}
#elections .bloc-01 .inner-bloc li.plusdinfo {
	padding: 0 !important; 
    background: url("/images/SPV3/separator_horizontal4.gif") repeat-x scroll center top transparent !important; 
}

#consult {margin-top: 0px;}

#elections .bloc-01.partenaire h2, #standard .bloc-01.partenaire h2 a {

	padding:0;

	height:46px;

	background: #b6080c url(/images/SPV3/bg_title_standard.gif) no-repeat 0 0;

	display:block;

}

#elections .bloc-01.partenaire h2 a {

	background: #b6080c url(/images/SPV3/bg_title_standard.gif) no-repeat 0 0;

	display:block;

}

#elections .bloc-01.partenaire h2 span {

	position:absolute;

	top:-999px;

}

#elections .bloc-01.partenaire .inner-bloc {

	border: 1px solid #b6080c; 

	border-top: none;

}

#elections_banniere {

	padding-bottom: 10px;

}

.plusdinfo a.arrow {

	background: url(/images/SPV3/ico_arrow_transparent.gif) no-repeat 0 10px;

	padding: 5px 0 5px 8px;

	display:block;

}

#content .plusdinfo {

	background: url(/images/SPV3/separator_horizontal4.gif) repeat-x top !important;

	padding: 8px 0 0 !important;

	margin-top: 5px;

}