H1, H2, H3, H4 { 
	padding:0.3em 20px;
	margin:0;
	text-align:left;
	}
	H1 {padding-bottom:0; padding-left:0;color:#0d56ce; }
	H2 {font-size:130%; font-weight:normal; color:#183266;}
	H3 { color:#dadbdc; }
	
.heure {
	display:block;
	text-align:left;
	padding:0em 0 0.3em 0em;
	border-bottom:1px solid #cacaca;
	margin-top:-20px;
	margin-left:-8px;
}

H1.alerte { color:#900; padding:0.2em 0px; font-size:200%; }
P.alerte { display:block; margin:0 0px; width:500px;text-align:left; padding:10px; background-color:#FFE1E1; border:1px solid #990000; }
/* -------------------------------------------------------*/
/* common */
/* -------------------------------------------------------*/

#contenuMeteo {
	width:950px;
	margin:0 auto;	
	padding:0;
	position:relative;
}
HR { 
	clear:left;
	visibility:hidden;
}
ABBR {
	text-decoration:none;
	border-bottom:1px dotted #09F;
	cursor:help;
}
.padderS { 
	padding:5px;
}
.padderLeft20 {
	padding:0 0 0 20px;
}


/* -------------------------------------------------------*/
/* contenu */
/* -------------------------------------------------------*/		
#contenuMeteo {
	background-color:#fff;
	margin-top:1px;
	position:relative;
	}	
	
	#contenuMeteo A.homepage {
		font-size:80%;
		float:right;
		margin-right:10px;
	}
	#contenuMeteo .col {
		float:left;
		text-align:center;
		border-style:solid;
		border-color:#cacaca;
		border-width: 1px 1px 1px 0;
		border-width: 0;
		border-right:4px double #efefef;
		}
		#contenuMeteo .ctrl-med { width: 110px;height:280px; margin-left:20px; color:#666; text-align:right; border-right:4px double #efefef;}
		#contenuMeteo .med { width: 225px; height:280px; }
		#contenuMeteo .ctrl-small { width: 110px;height:300px; margin-left:20px; color:#666; text-align:right; border-right:4px double #efefef;}
		#contenuMeteo .small { width:100px; height:300px; border-right:1px solid #cacaca;border-width:0; }
	
	#contenuMeteo .now {
		width:600px;
		height:270px;
		margin:0px 10px 0 0;
		border-width: 0;
		}
		#contenuMeteo .now IMG {
			float:left;
			margin:12px 10px 0 50px;
		}
		#contenuMeteo .now .conditions {
			float:left;
			text-align:left;
			margin-top:12px;
			}
			#contenuMeteo .now .conditions .temp {
				display:block;
				margin-top:-5px;
				font-size:285%;
				font-weight:bold;
				color:#183266;
				width:160px;
				}
				#contenuMeteo .now .conditions .temp span.systeme {
					float:right;
					display:block;
					width:60px;
					padding:2px;
					margin:5px 0 0 0px;
					font-size:8pt;
					font-weight:normal;
					}
					span.systeme a {
						width:17px;
						height:15px;
						border:1px solid #cacaca;
						margin:0px 4px;
						background-color:#efefef;
						text-align:center;
						line-height:16px;
						vertical-align:middle;
						float:left;
						color:#666;
						cursor:pointer;
						}
						span.systeme .actif, span.systeme a:hover {
							border:1px solid #3a3a2c;
							background-color:#ffcc00;
							color:#333;
						}
			
			#contenuMeteo .now .conditions .cond {
				display:block;
				font-size:130%;
				padding:8px;
				color:#666;
				margin:-5px 0 0 2px;
			}			
			#contenuMeteo .now UL {
				list-style-type:none;				
				padding:0 0; margin:0px 0 0 30px;
				
				text-align:left;
				float:left;
				display:block;
				width:250px;
				}
					#contenuMeteo .now UL LI {
						float:left;
						display:block;
						height:15px;
						line-height:15px;
						padding:2px 0;
						width:190px;
						margin:0 0px;
						font-size:100%;
						font-style:italic;
						color:#666;
						}
						#contenuMeteo .now UL LI.large { width:260px; }
						#contenuMeteo .now UL LI STRONG {
							margin-right:3px;
							color:#333;
							width:70px;
							display:block;
							float:left;
							font-size:100%;
							font-style:normal;
						}	
			#contenuMeteo .now .liensExtra {
				float:right;
				margin-top:-10px;
				width:234px;
				height:220px;
				position:relative;
				}
				#contenuMeteo .now .liensExtra UL {
					margin:10px 0 0 50px; padding:0; 
					}
					#contenuMeteo .now .liensExtra UL LI {
						width:95%;
						padding:4px 0;
						font-style:normal;
						}
						#contenuMeteo .now .liensExtra UL LI A{
							color:#183266;
							border-bottom:1px solid #cacaca;
						}
				#contenuMeteo .now .bouton {
					width:234px;
					height:60px;
					position:absolute;
					left:0px;
					top:150px;
					color:#fff;
					}
					#contenuMeteo .now .bouton A, #contenuMeteo .now .bouton IMG {
						margin:0;
						padding:0;
						position:relative;
					}
						
					
	#contenuMeteo .wrap {
		float:left;
		width:740px;
		margin:30px 0 0 0;
		}
		#contenuMeteo .wrap UL {
			list-style-type:none;
			padding:0; 
			margin:0;
			font-family:Arial, Helvetica, sans-serif;
			}
			#contenuMeteo UL LI {
					padding:10px 0;
					display:block;	
					height:25px;
				}			
				#contenuMeteo UL LI.titre {
					font-size:120%;
					color:#183266;
					font-weight:bold;
					}
					#contenuMeteo UL LI.titre h5 { 
						color:#666;
					}
				#contenuMeteo UL LI.image {
					height:62px;
					padding:0;
				}
				#contenuMeteo UL LI.prev {
					width:90%;
					color:#666;
					font-size:130%;
					margin:0 auto 10px auto;
				}
				#contenuMeteo UL LI.pdp {
					font-size:110%;
				}
				#contenuMeteo UL LI.max {
					font-weight:bold;
					height:20px;
					color:#183266;
					font-size:150%;
				}
				#contenuMeteo UL LI.min {
					color:#666;
					height:20px;
					font-size:130%;
				}
				/* hacks */
				#contenuMeteo UL LI.ctrl {
					color:#666;
					padding-right:10px;
					font-size:120%;
					font-style:italic;
					width:90%;
					font-weight:normal;
				}
				
				#contenuMeteo UL LI.petit {
					font-size:100%;
				}

/* -------------------------------------------------------*/
/* pages */
/* -------------------------------------------------------*/
.page { 
	padding:10px; 
	}
	.page FORM {
		width:500px;
		margin:30px auto;
		}
		.page FORM input.recherche {
			width:300px;
			font-size:16pt;
			padding:5px 10px 5px 50px;
			border:1px solid #666;
			background:#fff url('../images/search.jpg') no-repeat 5px 50%;
		}
	.page UL#lesVilles { 
		margin:0 auto; padding:0;
		list-style-type:none;
		width:820px;
		}
		
		.page UL#lesVilles LI {
			display:block;
			float:left;
			width:160px;
			height:18px;
			overflow:hidden;
			font-size:9pt;
			padding:0;
			margin:10px 0;
			}
			.page UL#lesVilles LI:hover {
				background-color:#ffcc00;
			}
			.page UL#lesVilles LI A {
				padding:3px 10px; margin:0;
				display:inline;		
				color:#183266;
			}
/* -------------------------------------------------------*/
/* publicité */
/* -------------------------------------------------------*/
#bannerAbsolute {
	width:300px;
	text-align:center;
	position:absolute;
	right:40px;
	top:20px;
	z-index:99999;
	}
	#bannerAbsolute .bigbox {
		width:300px;
		height:250px;
		border-width:0;
		margin:20px 0 20px 0;
	}
	#bannerAbsolute #bigbox1, #bannerAbsolute #bigbox2 { 
		border:0px;
	}
	#bannerAbsolute .sky {
		margin:30px 0 0 10px;
		float:right;
		width:160px;
		height:600px;
		background-color:#efefef;
	}