/* Sommaire
------------------------------
    1. Structure
	    1.1 Le fil d'ariane
    3. Colonne droite
    	3.1 Les plus
    	3.2 Galeries
    	3.3 L'info en continu
    	3.4 Nuage de tags
    	3.5 Bloc horoscope
    	3.6 Bloc meteo
    	3.7 Geoloc
		3.8 Templates TEMP
*/

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

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

#content_middle {
	float: left;
	/* [disabled]padding-top: 1.5em; */
	width: 18.75em; /* 300px */
}
#content_first {
  float: left;
  margin-right: .625em; /* 10px */
  width: 39.325em;
  padding-left:10px;
}

/* ============ VIVE IE =========== */
* html #s_abonner #global {
	_width: 60em;
}
/* ============ VIVE IE =========== */

  /* -------------------------------------------------------------------------------------------------->>> 1.1 Le fil d'ariane <<<-----------*/

.breadcrumb {
	float: left;
	clear: left;
	width: 100%;
}
.breadcrumb p {
	font-size: .750em;
	padding: .5em 0;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Colonne droite <<<-----------*/
/* ----------------------------------------------------------*/

  /* -------------------------------------------------------------------------------------------------->>> 3.1 Les plus <<<-----------*/

#mostcomment ul, #mostread ul, #read_too ul {
  float: left;
  list-style-type: disc;
  list-style-position: inside;
  padding: 0 0 0 .625em;
}
#mostcomment ul li, #mostread ul li, #read_too ul li {
  padding-top: .625em;
  font-size: .750em;
}
#mostcomment a:link, #mostcomment a:visited, #read_too a:link, #read_too a:visited {color: #2a2a2a; text-decoration: none;}
#mostcomment a:active, #mostcomment a:hover, #read_too a:active, #read_too a:hover {color: #2a2a2a; text-decoration: underline;}
#mostread a:link, #mostread a:visited {color: #2a2a2a; text-decoration: none;}
#mostread a:active, #mostread a:hover {color: #2a2a2a; text-decoration: underline;}

  /* -------------------------------------------------------------------------------------------------->>> 3.2 Galeries <<<-----------*/
#images, #videos {
	background: #854F99;
}
#galeries h3 a {
  background: transparent url(../mediastore/elements/photo.gif) no-repeat center left;
  padding-left: 2em;
}
}
#galeries h3, #videos h3 {margin-bottom: .625em;}
#galeries h4 {
  color: #854f99;
  font-size: .75em;
  padding: 1.3em 0 0 .625em;
}
#galeries h4 a, #galeries h4 a:visited {
	color:#FFF;
	font-weight:400;
	text-decoration:none;
}
#galeries h4 a:hover {
	text-decoration: underline;
}

#galeries .gal, #videos .gal {
  background: transparent url(../mediastore/elements/galerie.gif) no-repeat center center;
  height: 76px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 286px;
}

#gal_01, #gal_02, #gal_vid {
  margin: .9em 0 0 1.3em;
  height: 50px !important;
  overflow: hidden;
  width: 250px !important;
}
#galeries .gal ul li, #videos .gal ul li {
  display: inline;
  margin-right: .85em;
}
#galeries .gal img, #videos .gal img {border: 1px solid white;}
#galeries .prev, #galeries .next, #galeries .prev_bis, #galeries .next_bis, #videos .prev_vid, #videos .next_vid {
  color: white !important;
  display: block;
  position: absolute;
  height: 30px;
  line-height: 2em;
  top: 23px;
  width: 10px;
  text-decoration: none !important;
}
#galeries .prev:focus, #galeries .next:focus, #galeries .prev_bis:focus, #galeries .next_bis:focus, .prev_vid:focus, .next_vid:focus {background: none; outline: 0;}
#galeries .prev, #galeries .prev_bis, .prev_vid {left: 7px; text-indent: -2px;}
#galeries .next, #galeries .next_bis, .next_vid {right: 7px; text-indent: 3px;}

  /* -------------------------------------------------------------------------------------------------->>> 3.3 L'info en continu <<<-----------*/

#content_middle #fil_info ul {
	font-size: .750em;
	padding: .625em 0 0 .625em;
}
#content_middle  #fil_info ul li {
	line-height: 1.5em;
}
#content_middle #fil_info ul li a:link, #content_middle #fil_info ul li a:visited {
	color: #2a2a2a;
	text-decoration: none;
}
#content_middle #fil_info ul li a:active, #content_middle #fil_info ul li a:hover {
	color: #2a2a2a;
	text-decoration: underline;
}
#content_middle #fil_info ul li span {color: black; font-weight: 900;}
#content_middle #fil_info ul li span abbr {border-bottom: none;}

.secondaire img.left {
  margin-top: .625em;
  padding-right: .625em;
  padding-bottom: .625em;
}
.secondaire h3 {
  background: none;
  font-size: 1.2em;
  padding-left: 0;
}

.secondaire h3 {padding-top: .625em; font-size: .9em;}
.secondaire .story_list {
  /*width: 30.9em;*/
  padding-top: 0;
}
.secondaire h3 a:link, .secondaire h3 a:visited {
  text-decoration: none;
}
.secondaire h3 a:active, .secondaire h3 a:hover {
  text-decoration: underline;
}

  /* -------------------------------------------------------------------------------------------------->>> 3.4 Nuage de tags <<<-----------*/

#tag_cloud {
	line-height: 1em;
	text-align: center;
}
#tag_cloud ul {
	padding-top: 1em;
	float: none;
}
#tag_cloud ul li {display: inline;}
#tag_cloud ul li a:link, #tag_cloud ul li a:visited, #tag_cloud ul li a:active, #tag_cloud ul li a:hover {text-decoration: none;}

#tag_cloud ul li.level-1 {font-size: xx-small;}
#tag_cloud ul li.level-2 {font-size: x-small;}
#tag_cloud ul li.level-3 {font-size: small;}
#tag_cloud ul li.level-4 {font-size: medium;}
#tag_cloud ul li.level-5 {font-size: large;}
#tag_cloud ul li.level-6 {font-size: x-large;}
#tag_cloud ul li.level-7 {font-size: xx-large;}

#tag_cloud ul li.level-1 a {color: #999;}
#tag_cloud ul li.level-2 a {color: #888;}
#tag_cloud ul li.level-3 a {color: #777;;}
#tag_cloud ul li.level-4 a {color: #666;}
#tag_cloud ul li.level-5 a {color: #555;}
#tag_cloud ul li.level-6 a {color: #444;;}
#tag_cloud ul li.level-7 a {color: #00a6eb;}

#tag_cloud ul li a:active, #tag_cloud ul li a:hover {background: #00a6eb; color: white;}

/* -------------------------------------------------------------------------------------------------->>> 3.5 Bloc horoscope <<<-----------*/

#content_middle #horoscope img.picto_signe {
	float: left;
	padding: .625em;
}
#content_middle #horoscope h4 {
	color: #666;
	padding-top: .62em;
	font-size: .9em;
}
#content_middle #horoscope p {
	color: #666;
	font-size: .7em;
	line-height: 1.4em;
}
#content_middle #horoscope form {
	clear: left;
	color: #666;
	font-size: .75em;
}
#content_middle #horoscope form label {
	font-weight: 900;
	float: left;
	display: block;
	line-height: 2em;
	margin-right: .3em;
	width: 90px;
	text-align: right;
}
#content_middle #horoscope form #soumission_horoscope {
	background: #12599F;
	border: 0;
	color: white;
	font-family: 'trebuchet MS', arial, sans-serif;
	font-weight: 900;
	padding: 0 .2em;
}

/* -------------------------------------------------------------------------------------------------->>> 3.6 Bloc meteo <<<-----------*/

#content_middle #meteo img.picto_meteo {
	float: left;
	padding: .625em;
}
#content_middle #meteo h4 {
	color: #666;
	padding-top: .62em;
	font-size: .9em;
}
#content_middle #meteo p {
	color: #2a2a2a;
	font-size: .7em;
	line-height: 1.4em;
	padding: .625em;
}
#content_middle #meteo form {
	clear: left;
	color: #666;
	font-size: .75em;
}
#content_middle #meteo form ul li {display: inline;}
#content_middle #meteo form legend {display: none;}
#content_middle #meteo form label {
	font-weight: 900;
	float: left;
	display: block;
	line-height: 2em;
	margin-right: .3em;
	width: 100px;
	text-align: right;
}
#content_middle #meteo form #submit_02 {
	background: #12599F;
	border: 0;
	color: white;
	font-family: 'trebuchet MS', arial, sans-serif;
	font-weight: 900;
	padding: 0 .2em;
}

/* -------------------------------------------------------------------------------------------------->>> 3.7 Geoloc <<<-----------*/

#content_middle #geoloca {
	margin-bottom: .625em;
}

/*---------------------------------------------------------------------------------------------------->>> 3.8 Template TEMP <<<----- */

#last_five ul {
  float: left;
  list-style-type: disc;
  list-style-position: inside;
  padding: 0 0 0 .625em;
}
/*
#tour09_1 ul, #tour09_2 ul, #tour09_3 ul {
  float: left;
  list-style-type: disc;
  list-style-position: inside;
  padding: 0 0 0 .625em;
}*/
#tour09_1 ul, #tour09_2 ul, #tour09_3 ul {
 list-style-position:inside;
 list-style-image: url(../mediastore/static/tour09/Puce_03.gif);
 padding: 0 0 0 .625em;
}
#tour09_last ul {
 list-style-position:inside !important;
 list-style-image: url(../mediastore/static/tour09/Puce_03.gif) !important;
 /*padding: 0 0 0 .625em !important;*/
}
#last_five ul li, #tour09_1 ul li, #tour09_2 ul li, #tour09_3 ul li {
  padding-top: .625em;
  font-size: .750em;
}
#tour09_last ul li {
  padding-top: .625em;
  font-size: .750em;
}
#last_five a:link, #last_five a:visited , #tour09_1 a:link, #tour09_1 a:visited, #tour09_2 a:link, #tour09_2 a:visited, #tour09_3 a:link, #tour09_3 a:visited {color: #2a2a2a; text-decoration: none;}
#last_five a:active, #last_five a:hover, #tour09_1 a:active, #tour09_1 a:hover, #tour09_2 a:active, #tour09_2 a:hover, #tour09_3 a:active, #tour09_3 a:hover {color: #2a2a2a; text-decoration: underline;}

div#galeries_content {
	background: #000 url(../mediastore/static/nos_clubs/bg-nos_clubs.jpg) no-repeat left top !important;
}
div#galeries_content a{
  color: #FFF !important;
}
#content_middle #galeries h3 {
  height:17px;
  margin: 0 !important;
}
#content_middle #galeries .feed {
  height:18px;
  padding-top:5px;	
  margin: 0;
}
.couleur_standard .feed {
  background: transparent url(../mediastore/static/nos_clubs/head-standard.gif) no-repeat center right !important;
}
.couleur_charleroi .feed {
   background: transparent url(../mediastore/static/nos_clubs/head-charleroi.gif) no-repeat center right;
}
.couleur_mouscron .feed {
   background: transparent url(../mediastore/static/nos_clubs/head-mouscron.gif) no-repeat center right;
}
.couleur_anderlecht .feed {
   background: transparent url(../mediastore/static/nos_clubs/head-anderlecht.gif) no-repeat center right;
}
.couleur_eupen .feed {
   background: transparent url(../mediastore/static/nos_clubs/head-eupen.gif) no-repeat center right;
}
.couleur_standard h3 {
  background: transparent url(../mediastore/static/nos_clubs/head-standard.gif) no-repeat center left !important;
}
.couleur_charleroi h3 {
   background: transparent url(../mediastore/static/nos_clubs/head-charleroi.gif) no-repeat center left;
}
.couleur_mouscron h3 {
   background: transparent url(../mediastore/static/nos_clubs/head-mouscron.gif) no-repeat center left;
}
.couleur_anderlecht h3 {
   background: transparent url(../mediastore/static/nos_clubs/head-anderlecht.gif) no-repeat center left;
}
.couleur_eupen h3 {
   background: transparent url(../mediastore/static/nos_clubs/head-eupen.gif) no-repeat center left;
}


.couleurs_tour09 div.bloc_content {
  background: #faf0b5 !important;
  border: 1px solid #f5cf00;
  padding-bottom: .625em;
}
#tour09_2 h3 {
  background: transparent url(../mediastore/static/tour09/Infos_Tour.jpg) no-repeat center left;
  height:38px;
  margin: 0 !important;
  padding: 0;
}
#tour09_3 h3 {
  background: transparent url(../mediastore/static/tour09/Blog_Rik_02.jpg) no-repeat center left;
  height:50px;
  margin: 0 !important;
}
#tour09_3 p {
  padding: .625em;
  font-weight: 900;
}
h3#galeries_tour09{
  background: transparent url(../mediastore/static/tour09/Galerie_photos.jpg) no-repeat center left;
  height:36px;
  margin: 0 !important;
  padding: 0;
} 
.couleur_tour09 div#galeries_content {
  background: #faf0b5 !important;
  /*padding-left: 2em;*/
  border: 1px solid #f5cf00;

}
.couleur_tour09 div#galeries_content a{
  background: #faf0b5 !important;
  /*padding-left: 2em;*/
  color: black !important;
}
#tour09_last h3 {
  	background: transparent url(../mediastore/static/tour09/Dernieres-nouvelless.jpg) no-repeat center left !important;
	height: 38px !important;
	padding: 0; 
}
#tour09_last .bloc.couleur_01 {
	border: none !important;
}
#tour09_last ul{
	background: #faf0b5 !important;
	border: 1px solid #f5cf00 !important;
	width: 288px;
	padding-bottom: .625em;
}
#tour09_last div#last_five {
	padding-bottom: 0 !important;
}

/*------ hommes de l'année ------- */

#hda_liens {
border: 0.0625em solid #ffcc00 !important;
}

#hda_liens h3 {
	background: #ffcc00 !important;
}

#hda_liens ul  {
list-style-position:inside;
float:left;
list-style-position:inside;
list-style-type:disc;
padding:0 0 0 0.625em;
}


#hda_liens ul li {
font-size:0.75em;
padding-top:0.625em;
}

#hda_liens a:active, #hda_liens a:hover {
color:#2A2A2A !important;
text-decoration:underline !important;
}

#hda_liens a:link, #hda_liens a:visited {
color:#2A2A2A;
text-decoration:none;
}















#content_middle {
    width: 300px;
}
#mostcomment h3, #content_middle .tab_bloc h3, .couleur_03 h3 {
	background: #196DAB url("/images/SPV3/bg_title_blue2.gif") 0 0 no-repeat;
}
.story.secondaire.couleur_03 h3 {
	background: #FFF none;
}
#content_middle #fil_info h3 {
	background: #9B0000 url("/images/SPV3/bg_title_red.gif") 0 0 no-repeat;
}
#mostcomment h3, #content_middle .tab_bloc h3, #content_middle .bloc h3 {
    font-size: 12px;
    font-weight: 400;
    padding: 3px 10px;
	line-height: 1.4em;
	width:auto;
}
#content_middle .tab_bloc .contenu_most, .bloc.couleur_01, .bloc.couleur_02, .bloc.couleur_03, .bloc.couleur_04 {
	border: 0 none;
/*    background: scroll transparent url("/images/SPV3/bg_shadow2.gif") center bottom no-repeat;*/
}
#mostcomment ul, #mostread ul, #read_too ul, #content_middle #fil_info ul {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 10px 10px 5px;
	float:none;
	list-style-position: outside;
    list-style-type: none;
}
#mostread ul.onglets_most {
	border: 0 none;
}
/*#content_middle .tab_bloc .onglets_most {
	position: static;
	line-height: 1;
	display:block;
}*/
#mostcomment ul li, 
#mostread ul li, 
#read_too ul li {
    background: scroll transparent url("/images/SPV3/ico_arrow_transparent.gif") 0 4px no-repeat;
    line-height: 1;
    padding: 0 0 5px 7px; 
}
#content_middle #fil_info ul li {
    line-height: 1;
    padding: 0 0 5px 0; 
}
#content_middle .bloc-01 ul li a:link, 
#content_middle .bloc-01 ul li a:visited, 
#content_middle #fil_info ul li a:link, 
#mostread a:link, 
#mostcomment a:link, 
#read_too a:link {
    color: #003366;
    text-decoration: none;
}
#content_middle #fil_info ul li a:visited,
#mostread a:visited, 
#mostcomment a:visited, 
#read_too a:visited {
    color: #1F5C99 !important;
}
#content_middle #fil_info ul li a:hover,
#mostread a:active, 
#mostread a:hover,
#mostcomment a:active, 
#mostcomment a:hover {
    color: #003366;
    text-decoration: underline;
}
#content_middle .onglets_most li.ui-tabs-selected a {
    font-weight: 400;
    letter-spacing: normal;
	cursor: text;
	padding-right: 10px;
}
#content_middle .onglets_most li a:active, 
#content_middle .onglets_most li a:visited,
#content_middle .onglets_most li.ui-tabs-selected a, 
#content_middle .gal-inner a, 
#content_middle .onglets_most li.ui-tabs-selected {
    background: scroll transparent none !important;
    color: #FFF !important;
    text-decoration: none;
}
#content_middle #fil_info h3 a:visited, #content_middle #videos a {
    color: #FFF !important;
}
#content_middle .onglets_most li a:hover {
    background: scroll transparent none !important;
    color: #FFF !important;
}
#content_middle .onglets_most li {
    background: scroll transparent url("/images/SPV3/ico_arrow_transparent.gif") 0 6px no-repeat;
}
#content_middle .onglets_most li a {
    text-transform: none;
	padding: 0;
}
html .bloc {
    width:300px;
    padding-bottom: 0;
}
html #nos_rubriques {
    width:100%;
}
html .tab_bloc { 
    width:300px;
}
#geoloca {
	display:none;
	position:absolute;
	top: -9999em;
}
#content_middle .tab_bloc .contenu_most {
    margin-bottom: 0;
    padding-bottom: 0;
}
#videos {
    background-color: #000;
 }