/* page_content */
.page_content {
}
	h1 {
		clear:both;
		font-size:2em;
		text-align:left;
	}
	
	h2 {
		color:#176163;
		font-size:1.6em;
	}
	
	.line {
		height:1px;
		line-height:1px;
		font-size:1px;
		background:#c1e6e7;
	}
	
	.paragraph, .article {
		color:#000000;
		margin-bottom:15px;
		text-align:justify;
	}
/* end page_content */
.meteo_carte{
	width: 455px;
	margin: 0 auto;
}
/* onglet */
.onglets {
	background-image: url(../img/common/meteodeslacs/onglets_bkgd.gif);
	background-repeat: repeat-x;
	zbackground-position: top left;
	margin-top: 5px;
	width: 455px;
}

	.onglet {
		float: left;
		height: 22px;
		margin-left: 1px;
		zborder: 1px solid #000;
	}
	
	.onglet_off {
		background-image: url(../img/common/meteodeslacs/onglet_bkgd_off.gif);
		background-repeat: no-repeat;
		zborder: 1px solid #000;
	}
		
		.onglet_off a {
			float: left;
			color: #fff;
			padding: 5px 10px 3px 10px;
			background-image: url(../img/common/meteodeslacs/onglet_bkgd_end_off.gif);
			background-repeat: no-repeat;
			background-position: 100% 0;
			zborder: 1px solid #000;
		}
	
	.onglet_on {
		background-image: url(../img/common/meteodeslacs/onglet_bkgd_on.gif);
		background-repeat: no-repeat;
		zborder: 1px solid #000;
	}
	
		.onglet_on a {
			float: left;
			color: #019fbc;
			padding: 5px 10px 3px 10px;
			background-image: url(../img/common/meteodeslacs/onglet_bkgd_end_on.gif);
			background-repeat: no-repeat;
			background-position: 100% 0;
			zborder: 1px solid #000;
		}
		
		.onglet_on a:hover {
			text-decoration: none;
		}
/* end onglet */

/* cadre block */
.cadre_block {
	width: 455px;
	height: 455px;
	background: url(../img/common/meteodeslacs/meteodeslacs_bkgd.jpg) no-repeat;
	margin-bottom: 20px;
	position:relative;
}

#panel_1, #panel_2 {
	position: relative;
	display: none;
}

#meteo_1 {
	position: absolute;
	top: 293px;
	left: 10px;
}

#meteo_2 {
	position: absolute;
	top: 112px;
	left: 30px;
}

#meteo_3 {
	position: absolute;
	top: 176px;
	left: 16px;
}

#meteo_4 {
	position: absolute;	
	top: 27px;
	left: 279px;
}

#meteo_info {
	position: absolute;
	top: 440px;
	left: 0px;
	color: #999;
}

.blockmeteo {
	padding-top: 5px;
	zborder: 1px solid #000;
	width: 161px;
}
	.blockmeteo .image{
		float:left;
		margin-left:8px;
		width:50px;
		display:inline;
	}
	.blockmeteo .image img{
		display:block;
	}
	.blockmeteo .infos{
		float:left;		
	}
		.blockmeteo .infos p{
			color: #0085a8;	
		}
		.blockmeteo .infos .title{
			font-weight:bold;	
		}
		.blockmeteo .infos .label{
			width:40px;
			float:left;
		}
		.blockmeteo .infos .temp{
			float:left;
		}
/* end cadre block */

.right_content {
	clear:both;
	float:right;
	width:218px;
	padding:200px 0 0 0;
}

/* meteo */
.meteo {
	width: 218px;
}
	.meteo .all {
		float:right;
		color:#fff;
		padding-right:10px;
		margin-right:10px;
		background:url(../img/common/arrow_white.gif) right no-repeat;
	}

	.meteo h2 {
		padding:0 10px;
	}
	.meteo ul {
		margin:0 10px;
	}
		.meteo li {
			float:left;
		}
			.meteo li a {
				padding:0 3px;
				color:#fff;
				border-right:1px solid #fff;
			}
			.meteo li.active a {
				background-color:#fff;
				color:#01a0ba;
				border:none;
			}

	/* slideshow */
	.meteo .slideshow_meteo {
		width:220px;
		height:75px;
		display:block;
		color:#fff;
	}
	.meteo .left_arrow, 
	.meteo .right_arrow {
		float:left;
		width:10px;
		height:75px;
		display:block;
		background-repeat:no-repeat;
		background-position:3px 30px;
	}
	.meteo .left_arrow {
		background-image:url(../img/common/home/left_arrow.gif);
	}
	.meteo .right_arrow {
		background-image:url(../img/common/home/right_arrow.gif);
	}
	.meteo .content{
		float:left;
		position:relative;
		width:194px;
		height:65px;
		display:block;
		overflow:hidden;
		border:3px solid #fff;
		background-color:#0085A8;
	}
		.meteo .content .block {
			position:absolute;
			left:0px;
			width:10000px;
		}
			.meteo .block .element {
				background-image:url(../img/common/home/meteo_sep.gif);
				background-position:43px 0;
				background-repeat:no-repeat;
				float:left;
				width:194px;
				height:65px;
				display:block;
			}
				.meteo .block img {
					float:left;
					margin-right:10px;
				}
				.meteo .block h4 {
					margin-top:5px;
					text-transform:uppercase;
					font-size:1.1em;
					font-weight:bold;
				}

	/* end slideshow */

/* end meteo */
	
/* road info */
.road_info {
	padding: 60px 10px 5px 10px;
	width:200px;
	background-image:url(../img/common/home/road_info2.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

	.road_info .source {
		clear:both;
		float:right;
		color:#555555;
	}

	.road_info a.live {
		text-align:right;
		clear:both;
		float:right;
		width:200px;
	}
/* end road info */