/* 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;
  padding-top: 1.5em;
  width: 18.75em; /* 300px */
}
#content_first {
  float: left;
  margin-right: .625em; /* 10px */
  width: 39.325em;
}

/* ============ 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: .9em;
  padding: 0 0 0 .625em;
}

#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;
  color: black;
  font-size: 1.2em;
  padding-left: 0;
  text-transform: uppercase;
}

.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 {
  color: black;
  text-decoration: none;
}
.secondaire h3 a:active, .secondaire h3 a:hover {
  color: black;
  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;}

.couleur_standard div#galeries_content {
  background: transparent url(../mediastore/static/nos_clubs/bg-standard.jpg) no-repeat center left !important;
  /*padding-left: 2em;*/
  border: 1px solid #DF0005;

}
.couleur_standard div#galeries_content a{
  background: transparent url(../mediastore/static/nos_clubs/bg-standard.jpg) no-repeat center left !important;
  /*padding-left: 2em;*/
  color: black !important;
}
.couleur_anderlecht div#galeries_content {
  background: transparent url(../mediastore/static/nos_clubs/bg-anderlecht.jpg) no-repeat center left !important;
  /*padding-left: 2em;*/
  border: 1px solid #923993;

}
.couleur_anderlecht div#galeries_content a{
  background: transparent url(../mediastore/static/nos_clubs/bg-anderlecht.jpg) no-repeat center left !important;
  /*padding-left: 2em;*/
  color: black !important;
}
.couleur_charleroi div#galeries_content {
  background: transparent url(../mediastore/static/nos_clubs/bg-charleroi.jpg) no-repeat center left !important;
  /*padding-left: 2em;*/
  border: 1px solid #68676c;

}
.couleur_charleroi div#galeries_content a{
  background: transparent url(../mediastore/static/nos_clubs/bg-charleroi.jpg) no-repeat center left !important;
  /*padding-left: 2em;*/
  color: black !important;
}
.couleur_mouscron div#galeries_content {
  background: transparent url(../mediastore/static/nos_clubs/bg-mouscron.jpg) no-repeat center left !important;
  /*padding-left: 2em;*/
  border: 1px solid #e91e00;

}
.couleur_mouscron div#galeries_content a{
  background: transparent url(../mediastore/static/nos_clubs/bg-mouscron.jpg) no-repeat center left !important;
  /*padding-left: 2em;*/
  color: black !important;
}
.couleur_standard h3 {
  background: transparent url(../mediastore/static/nos_clubs/head-standard.gif) no-repeat center left !important;
  height:21px;
  margin: 0 !important;
  /*padding-left: 2em;*/
}
.couleur_charleroi h3 {
   background: transparent url(../mediastore/static/nos_clubs/head-charleroi.gif) no-repeat center left;
  height:21px;
  margin: 0 !important;
}

.couleur_mouscron h3 {
   background: transparent url(../mediastore/static/nos_clubs/head-mouscron.gif) no-repeat center left;
  height:21px;
  margin: 0 !important;
}

.couleur_anderlecht h3 {
   background: transparent url(../mediastore/static/nos_clubs/head-anderlecht.gif) no-repeat center left;
  height:21px;
  margin: 0 !important;
}
.couleurs_tour09 div.bloc_content {
  background: #faf0b5 !important;
  /*padding-left: 2em;*/
  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;
}