/* Sommaire
------------------------------
    1. Bloc colonne droite
    	1.1 bloc meteo internationale
    	1.2 bloc horoscope
    	1.3 bloc les temps
    2. Bloc colonne gauche
    	2.1 meteo internationale grande version
    	2.2 nuage de tags
    	2.3 Blocs top hebdo
    		2.3.1 bloc date
    		2.3.2 ephemeride
    		2.3.3 La carte
    		2.3.4 Toute la semaine

*/

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

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. Bloc colonne droite <<<-----------*/
/* ----------------------------------------------------------*/

  /* -------------------------------------------------------------------------------------------------->>> 1.1 Bloc meteo internationle <<<-----------*/

#content_middle #meteo_internationale {
	background: #00a6eb url(../mediastore/static/meteo_internationale.jpg) no-repeat bottom left;
}
#content_middle #meteo_internationale h4 {
	background: #00a6eb;
	color: white;
	font-size: .9em;
	padding: .4em 0 .4em .625em;
}
#content_middle #meteo_internationale h4 a:link, #content_middle #meteo_internationale h4 a:visited {
	color: white;
}
#content_middle #meteo_internationale h4 a:active, #content_middle #meteo_internationale h4 a:hover {
	color: white;
}
#content_middle #meteo_internationale .meteo_monde {
	background: white;
	border: .0625em solid #009be0;
	margin-left: .625em;
	float: left;
	width: 44%;
}
/* ============ VIVE IE =========== */
* html #content_middle #meteo_internationale .meteo_monde {display: inline;}
/* ============ VIVE IE =========== */
#content_middle #meteo_internationale .meteo_monde h5 {
	color: #00a6eb;
	font-family: 'Trebuchet MS', tahoma, arial, sans-serif;
	padding: .1em 0 .2em .2em;
}
#content_middle #meteo_internationale .meteo_monde ul li {
	font-size: .7em;
	line-height: 2em;
	padding-left: .1em;
	clear: left;
}
#content_middle #meteo_internationale .meteo_monde ul li img {
	float: left;
	margin-right: .2em;
}

#content_middle #meteo_internationale p, #content_middle #meteo_internationale form {
	color: white;
	font-size: .750em;
	line-height: 1.5em;
	padding: .625em .625em 0 .625em;
}
#content_middle #meteo_internationale label {
	background: white;
	color: #00a6eb;
	font-weight: 900;
	padding: .1em .5em;
}
#content_middle #meteo_internationale form#meteo_worldD {margin-bottom: .625em;}
#content_middle #meteo_internationale form fieldset legend {display: none;}

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

  /* -------------------------------------------------------------------------------------------------->>> 1.3 Bloc Les temps <<<-----------*/

#content_middle #temps ul {
	padding: .625em 0 0 .625em;
}
#content_middle #temps ul li {
	background: transparent url(../mediastore/static/puce.gif) no-repeat center left;
	font-size: .750em;
	line-height: 1.5em;
	padding-left: 1em;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Bloc colonne gauche <<<-----------*/
/* ----------------------------------------------------------*/

.meteo_right {
	float: right;
	padding-bottom: 8em;
	width: 165px;
}
.meteo_left, div#tabs_meteo {
	float: left;
	width: 455px;
	margin-bottom: .625em;
}

  /* -------------------------------------------------------------------------------------------------->>> 2.1 Meteo internaitonale <<<-----------*/

#content_first #wrap_outside_meteo {
	margin: .625em 0 0 0;
}
#content_first #wrap_outside_meteo h3 {
	background: none;
	color: black;
	clear: left;
	font-size: 1em;
	padding-left: 0;
	margin-bottom: .625em;
}
#content_first #wrap_outside_meteo .outside_meteo {
	float: left;
	font-size: .9em;
	margin: 0 .625em .625em 0;
}
* html #content_first #wrap_outside_meteo .outside_meteo {
	overflow: hidden;
}
#content_first #wrap_outside_meteo .outside_meteo h4 {
	color: #00a6eb;
	font-size: .8em;
	text-transform: uppercase;
}
#content_first #wrap_outside_meteo .outside_meteo ul {
	padding-top: 0;
}
#content_first #wrap_outside_meteo .outside_meteo ul li img {
	float: left;
	margin-right: .3em;
}
#content_first #wrap_outside_meteo .outside_meteo ul li {
	line-height: 1.8em;
	clear: left;
}

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

#tag_cloud {
	border: .0625em solid #2a2a2a;
	clear: both;
	overflow: hidden;
	padding: .625em;
	text-align: center;
}
#tag_cloud ul {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;}

  /* -------------------------------------------------------------------------------------------------->>> 2.3 Blocs top hebdo <<<-----------*/

.bloc_meteo {
	background-color: #baeeff;
	background-image: url(../mediastore/static/meteo/fond_bloc_js.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	border: .0625em solid #666;
	float: left;
	margin-bottom: .625em;
	margin-right: .62em;
	height: 98px;
	width: 104px;
}
.moyen_bloc_meteo {
	background: #baeeff url(../mediastore/static/meteo/fond_bloc_js.jpg) repeat-x 0 0;
	border: .0625em solid #666;
	float: left;
	margin-bottom: .625em;
	height: 98px;
	width: 163px;
}
.bloc_meteo .titre_meteo {
	color: white;
	display: block;
	font-size: .9em;
	font-weight: 900;
	padding: .4em 0 .6em 0;
	text-align: center;
}
.moyen_bloc_meteo .titre_meteo {
	color: white;
	display: block;
	font-size: .9em;
	font-weight: 900;
	padding: .2em 0 .6em 0;
	text-align: center;
}
.bloc_meteo .legende_meteo, .moyen_bloc_meteo .legende_meteo {
	color: white;
	clear: left;
	display: block;
	font-size: .8em;
	font-weight: 900;
	text-align: center;
	font-style: italic;
}
.bloc_meteo .picto_meteo {
	float: left;
}
.moyen_bloc_meteo .picto_meteo {display: block;}
.moyen_bloc_meteo .picto_meteo img {display: block; margin: 0 auto;}
.bloc_meteo .temperature {
	color: white;
	float: left;
	font-family: lucida, arial, sans-serif;
	line-height: 3em;
	font-size: .85em;
	font-weight: 900;
}

  /* -------------------------------------------------------------------------------------------------->>> 2.3.1 Bloc date <<<-----------*/

#date_meteo {
	background: #f9f9f9 url(../mediastore/static/meteo/fond_date.jpg) no-repeat center top;
}
#date_meteo .jour_meteo {
	color: #888;
	display: block;
	font-weight: 900;
	font-size: 1.3em;
	line-height: 1.3em;
	text-align: center;
}
#date_meteo .date_jour {
	color: #888;
	display: block;
	font-weight: 900;
	font-size: 3em;
	text-align: center;
}
#date_meteo .date_mois {
	display: block;
	color: #888;
	font-size: .7em;
	text-align: center;
	text-transform: uppercase;
}

  /* -------------------------------------------------------------------------------------------------->>> 2.3.2 Bloc ephemerides <<<-----------*/

.meteo_right .ephemeride {
	background: #fdfdfd url(../mediastore/static/meteo/fond_ephemere.jpg) no-repeat center top;
	border: .0625em solid #666;
	color: #898989;
	font-size: .750em;
	margin-bottom: .625em;
	padding: 5px;
	width: 153px;
}
.meteo_right .ephemeride h3 {
	background: none;
	color: #898989;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-bottom: .4em;
}
.meteo_right .ephemeride p strong {color: black;}
.meteo_right .ephemeride p {margin: .5em auto;}

.meteo_right h3 {
	background: #0A9FDE;
	color: white;
	float: left;
	clear: left;
	width: 97.7%;
	padding: .2em 0 .2em .3em;
	font-size: .9em;
	font-weight: 900;
	margin-bottom: .625em;
}
.meteo_right .inner_meteo, .meteo_right .anim_carte {
	clear: left;
	float: left;
	font-size: .750em;
	margin-bottom: .625em;
}
.meteo_right .inner_meteo img {
	float: left;
}
.meteo_right .inner_meteo ul.yeah {
	float: left;
}
.meteo_right .inner_meteo ul.yeah li {
	line-height: 1.5em;
}

/* ============ VIVE IE =========== */
* html .meteo_right .inner_meteo {width: 100%;}
*+html .meteo_right .inner_meteo {width: 100%;}
* html .meteo_right .inner_meteo ul.yeah li {display: block; width: 100px;}
*+html .meteo_right .inner_meteo ul.yeah li {display: block; width: 100px;}
/* ============ VIVE IE =========== */

.meteo_right .inner_meteo hr.clear {
	visibility: hidden;
}
.meteo_right .inner_meteo ul.yeah li.lever_soleil {
	background: white url(../mediastore/static/meteo/lever_soleil.gif) no-repeat center left;
	padding-left: 2em;
}
.meteo_right .inner_meteo ul.yeah li.coucher_soleil {
	background: white url(../mediastore/static/meteo/coucher_soleil.gif) no-repeat center left;
	padding-left: 2em;
}
.meteo_right .inner_meteo ul.info_soleil {
	float: left;
	line-height: 1.5em;
}
.meteo_right .inner_meteo ul.info_soleil + ul {
	border-left: .0625em solid #ccc;
	margin-left: .625em;
	padding-left: .625em;
}

table#moon caption {display: none;}
table#moon {
	font-size: .75em;
	float: left;
	line-height: 1.5em;
	width: 100%;
	margin-bottom: .650em;
}
  /* -------------------------------------------------------------------------------------------------->>> 2.3.3 La carte <<<-----------*/

.meteo_left p {
	font-size: .75em;
	text-align: justify;
	line-height: 1.5em;
}
.meteo_left .toute_carte {
	margin-bottom: .625em;
	position: relative;
}
.meteo_left .toute_carte .rose_vents {
	color: #666;
	position: absolute;
	font-size: .750em;
	font-weight: 900;
	bottom: 1em;
	left: 0;
	width: 20em;
	text-transform: uppercase;
}
* html .meteo_left .toute_carte .rose_vents {
	top: 20em;
	
}
.meteo_left .toute_carte .rose_vents img {float: left;}
/*.meteo_left .toute_carte .rose_vents span {display: block; clear: left;}
.meteo_left .toute_carte .rose_vents span acronym {border: 0;}*/

  /* -------------------------------------------------------------------------------------------------->>> 2.3.4 Toute la semaine <<<-----------*/

#tabs_meteo .belg_date {
	font-weight: 900;
	padding-bottom: .625em;
	text-transform: uppercase;
}
#tabs_meteo h3 {
	font-size: 1em;
	font-weight: 900;
	padding-bottom: .625em;
}
#tabs_meteo ul.listvil li {
	background: transparent url(../mediastore/static/puce.gif) no-repeat center left;
	font-size: .75em;
	line-height: 1.5em;
	padding-left: 1em;
}
#tabs_meteo .idTabs, #tabs_meteo .hidden {display: none;}
#tabs_meteo .per_day {
	background: white;
	border: 1px solid #ccc;
	float: left;
	font-size: .750em;
	margin: .625em 0 .625em .9em;
	line-height: 1.5em;
	padding: .3em;
	text-align: left;
	width: 130px;
}
#tabs_meteo .per_day:hover {
	border: 1px solid #2a2a2a;	
}
#tabs_meteo .per_day.last {
	float: left;
	margin: .625em 0 .625em 13.3em;
}
#tabs_meteo .per_day ul {
	background: #C9F2FE;
	float: left;
	font-family: Tahoma, arial, sans-serif;
	font-size: .9em;
	margin: 0;
	padding: .3em;
	width: 124px;
}
#tabs_meteo .per_day ul li img {
	display: block;
	margin: 0 auto;
}
#tabs_meteo .per_day ul li.id_este {
	text-align: center;
	font-weight: 900;
}
#tabs_meteo .per_day span.date_day {
	background: #FF9F00;
	color: white;
	display: block;
	font-weight: 900;
	line-height: 1em;
	padding: .2em 0;
	text-align: center;
}
#img_sauvage {
float:left;
}
#meteo_sauvage {

float:left;
	width:60px;
	height:72px;
	background: transparent url(/mediastore/static/meteo/rose/meteo.jpg) no-repeat center bottom;
	padding-top:60px;
	padding-left:25px;
	color:black;
	font-size:28px;
}
#meteo_sauvage p {
	padding-top:25px;
}