BODY, HTML {
	width:100%;
	margin:0; padding:0;
	font-size:10pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}

/* reset styles */
A {
	color:#666;
	text-decoration: none;
	}
	A:hover {
		color:#333;
	}
	
H1 { 
	margin:0;
	color:#003366;
	text-align:left;
	}
H2 { 
	margin:0;
	color:#003366;
	text-align:left;
	}
H4 { 
	padding:0.3em 10px;
	margin:0;
	color:#003366;
	text-align:left;
	}
H3 { 
	padding:0.3em 0px;
	margin:0;
	color:#003366;
	text-align:center;
	}
H4 { 
	padding:0.3em 0px;
	margin:0;
	color:#666;
	text-align:center;
	}
H5 { 
	padding:0.3em 0px;
	margin:0;
	color:#666;
	text-align:center;
	}
H6 { 
	padding:0.3em 0px;
	margin:0;
	color:#666;
	text-align:center;
	}
H7 { 
	padding:0.3em 0px;
	margin:0;
	color:#666;
	text-align:left;
	}
	H1 {padding-bottom:0; padding-left:0; }
	H2 {font-size:130%; font-weight:normal; }
	H3 {font-size:130%; font-weight:normal; text-align:center; }
	H4 {font-size:100%; font-weight:normal; text-align:center; }
	H5 {font-size:100%; font-weight:normal; text-align:center; }
	H6 {font-size:100%; font-weight:normal; text-align:left; }
	H7 {font-size:120%; font-weight:normal; text-align:center; }

.heure {
	display:block;
	text-align:left;
	padding:0em 0 0.3em 0em;
	color:#999;
	border-bottom:1px solid #cacaca;
}

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 */
/* -------------------------------------------------------*/
#header, #menu, #contenu, #footer {
	width:950px;
	margin:0 auto;	
	padding:0;
	position:relative;
}
HR { 
	clear:left;
	visibility:hidden;
}
.padderS { 
	padding:5px;
}
.padderLeft20 {
	padding:15px 0 0 20px;
}

/* -------------------------------------------------------*/
/* en-tete */
/* -------------------------------------------------------*/
#header { 
	padding-top:10px;
	background-color:#3A3A2C;
	}
	#header .infos {
		float:left;
		margin:0 10px 0 0;
		width:194px; /* 200 + padding (10px) + border (4px) = 212 */
		padding-top:10px;
		height:72px;
		background-color:#ffcc00;
		border:4px solid #fff;
		}

	.infos a {color:#003366;}
		
		#header .infos H1 {
			font-size:210%;
			text-align:center;
			margin:5px 0;
			padding:0;
		}
	#header .leaderboard {
		background-color:#ffcc00;
		float:left;
		width:728px;
		height:90px;
		margin:0;
	}
		
/* -------------------------------------------------------*/
/* menu */
/* -------------------------------------------------------*/
#menu {
	width:946px;
	background-color:#ffcc00;
	clear:both;
	margin-top:10px;
	position:relative;
	height:30px;
	border-style:solid;
	border-color:#fff #fff #3a3a2c #fff;
	border-width:2px 2px 1px 2px;
	}
	#menu  UL { 
		list-style-type:none;
		padding:0; margin:0;
		float:left;
		}	
		#menu UL LI {
			float:left;
			display:block;
			height:30px;
			padding:0 10px;
			line-height:30px;
			vertical-align:middle;
			border-right:1px solid #3a3a2c;
			}	
			#menu UL LI A {
				color:#003366;
				font-weight:bold;
				}
				#menu UL LI A:hover {
					color:#3a3a2c;
				}
	#menu FORM {
		display:none;
		position:absolute;
		right:10px;
		top:3px;
		}	
		#menu FORM LABEL {
			padding:0 8px;
			color:#003366;
			font-style:italic;
		}
		
/* -------------------------------------------------------*/
/* contenu */
/* -------------------------------------------------------*/		
#contenu {
	background-color:#fff;
	margin-top:1px;
	position:relative;
	background-image:url(../images/bg-top.png);
	background-repeat:repeat-x;
	}	
	
	#contenu A.homepage {
		font-size:80%;
		float:right;
		margin-right:10px;
	}
	#contenu .col {
		float:left;
		text-align:center;
		border-style:solid;
		border-color:#cacaca;
		border-width: 1px 1px 1px 0;
		}
		#contenu .ctrl-med { width: 110px;height:280px; margin-left:20px; color:#666; text-align:right; border-right:1px solid #cacaca;}
		#contenu .med { width: 225px; height:280px; }
		#contenu .ctrl-small { width: 110px;height:300px; margin-left:20px; color:#666; text-align:right; border-right:1px solid #cacaca;}
		#contenu .small { width:100px; height:300px; border-right:1px solid #cacaca; }
	
	#contenu .now {
		width:600px;
		height:300px;
		margin:0px 10px 0 0;
		border-width: 0;
		}
		#contenu .now IMG {
			float:left;
			margin:12px 10px 0 50px;
		}
		#contenu .now .conditions {
			float:left;
			text-align:left;
			margin-top:12px;
			}
			#contenu .now .conditions .temp {
				font-size:350%;
				font-weight:bold;
				color:#003366;
				}
				#contenu .now .conditions .temp span.systeme {
					float:right;
					display:block;
					width:60px;
					padding:2px;
					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;
						}
			
			#contenu .now .conditions .cond {
				display:block;
				font-size:110%;
				color:#666;
				margin:-5px 0 0 2px;
			}			
			#contenu .now UL {
				list-style-type:none;				
				padding:0 0; margin:0px 0 0 80px;
				clear:left;
				text-align:left;
				}
					#contenu .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;
						}
						#contenu .now UL LI.large { width:260px; }
						#contenu .now UL LI STRONG {
							margin-right:3px;
							color:#333;
							width:70px;
							display:block;
							float:left;
							font-size:100%;
							font-style:normal;
						}	
			#contenu .now .liensExtra {
				float:right;
				margin-top:-10px;
				width:234px;
				height:220px;
				position:relative;
				}
				#contenu .now .liensExtra UL {
					margin:10px 0 0 50px; padding:0; 
					}
					#contenu .now .liensExtra UL LI {
						width:95%;
						padding:4px 0;
						font-style:normal;
						}
						#contenu .now .liensExtra UL LI A{
							color:#003366;
							border-bottom:1px solid #cacaca;
						}
				#contenu .now .bouton {
					width:234px;
					height:60px;
					position:absolute;
					left:0px;
					top:150px;
					color:#fff;
					}
					#contenu .now .bouton A, #contenu .now .bouton IMG {
						margin:0;
						padding:0;
						position:relative;
					}
						
					
	#contenu .wrap {
		float:left;
		width:740px;
		margin:30px 0 0 0;
		}
		#contenu .wrap UL {
			list-style-type:none;
			padding:0; 
			margin:0;
			font-family:Arial, Helvetica, sans-serif;
			}
			#contenu UL LI {
					padding:10px 0;
					display:block;	
					height:25px;
				}			
				#contenu UL LI.titre {
					font-size:120%;
					color:#003366;
					font-weight:bold;
				}
				#contenu UL LI.image {
					height:62px;
					padding:0;
				}
				#contenu UL LI.prev {
					width:90%;
					color:#666;
					font-size:130%;
					margin:0 auto 10px auto;
				}
				#contenu UL LI.pdp {
					font-size:110%;
				}
				#contenu UL LI.max {
					font-weight:bold;
					height:20px;
					color:#003366;
					font-size:150%;
				}
				#contenu UL LI.min {
					color:#666;
					height:20px;
					font-size:130%;
				}
				/* hacks */
				#contenu UL LI.ctrl {
					color:#666;
					padding-right:10px;
					font-size:100%;
					width:90%;
					font-weight:normal;
				}
				
				#contenu 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:#003366;
			}
/* -------------------------------------------------------*/
/* publicité */
/* -------------------------------------------------------*/
#bannerAbsolute {
	width:300px;
	text-align:center;
	position:absolute;
	right:40px;
	top:60px;
	z-index:99999;
	}
	#bannerAbsolute .bigbox {
		width:300px;
		background-color:#efefef;
		border-width:0;
	}
	#bannerAbsolute .sky {
		margin:30px 0 0 10px;
		float:right;
		width:160px;
		height:600px;
		background-color:#efefef;
	}
/* -------------------------------------------------------*/
/* footer */
/* -------------------------------------------------------*/
#footer {
	background-color:#fff;
	padding-top:15px;
	clear:both;
	position:relative;	
	z-index:1;
	}	
	#footer UL {
		list-style-type:none;
		margin:0;
		width:950px;
		margin:15px auto;
		padding:15px 0;
		text-align:center;
		border-top:1px solid #cacaca;
		}
		#footer UL LI {
			display:block;
			float:right;
			width:150px;
			}
			#footer UL LI A {
				color:#003366;
				font-weight:bold;
			}

	
	#footer DIV.liens {
		width:100%;
		text-align:center;
		margin:60px auto 0px auto;
		background-image:url(../images/bg-foot.png);
		background-repeat:repeat-x;
		height:50px;
		}
		
		#footer DIV.liens A {
			padding:0 10px; 
		}
	
	#footer UL.externe {
		list-style-type:disc;
		color:#003366;
		margin:10px 0 0 50px;
		padding:0 0 0 15px;
		width:300px;
		border-width:0px;
		}
		#footer UL.externe LI {
			display:block;
			list-style-type:disc;
			float:none;
			width:auto;
			text-align:left;
			}
			#footer UL.externe LI A {
				text-decoration:underline;
				font-weight:normal;
			}