/* useful */
.fl{
	float:left;
}
.fr{
	float:right;
}
.cb, .spacer{
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	clear:both;
	font-size: 0;
}

a {
	color:#06A0A8;
	text-decoration:none;
}

a img{
	display: block;
}
/* end useful */

ul.links{
	list-style-type: none;
}
	ul.links li {
		padding-bottom: 3px;
	}
	ul.links li a{
		padding-left: 13px;
		color: #000;
		text-decoration: none;
	}
	ul.links.first li a{
		font-weight: bold;
	}
	ul.links li a:hover{
		text-decoration: underline;
	}

	.meteo ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

body {
	margin:0;
	padding: 0;
	background-color: #fff;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
}

div, span, p, a, img, form, h1, h2, h3, h4, h5, h6, blockquote, hr, pre, button {
	border: 0;
	padding: 0;
	margin: 0;
}

#asfLogos a img
{
	display:inline;
}

.bords{
	position: absolute;
	background-position: top left;
	background-repeat: repeat-x;
	height: 314px;
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.page{
	width: 961px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	padding: 0 10px;
	background: url(../img/global/top_bg.png) left 70px no-repeat;
}
	/** Header **/
	.page .header{
		background-color: #FFF;
	}

		.page .header a{
			text-decoration: none;
		}

		.page .header .header_top{
			position: absolute;
			top: 0;
			left: 10px;
			width: 961px;
		}

			.page .header .header_top .logo{
				margin: 7px 0 0 10px;
				float: left;
			}

			.page .header .header_top .access{
				float: right;
				position: relative;
			}

				.page .header .header_top .access ul{
					margin: 0;
					padding: 0;
					list-style-type: none;
				}

				.page .header .header_top .access ul.menu{
					margin-right: 5px;
				}

					.page .header .header_top .access ul.menu .tab{
						color: #FFF;
						margin-top: 0;
						padding-top: 0;
						background-color: #01A0BA;
					}
					.page .header .header_top .access ul.menu .tab:hover {
						padding-top: 2px;
						/*background-color: #01A0BA;*/
					}
						.page .header .header_top .access ul.menu .tab span{
							float: left;
							display: block;
							width: 3px;
							height: 25px;
						}

						.page .header .header_top .access ul.menu .tab a{
							float: left;
							color: #FFF;
							background-color: #01a0ba;
							text-decoration: none;
							padding: 0 5px;
							/*margin: 0;*/
							height: 25px;
							line-height: 25px;
						}

						.page .header .header_top .access ul.menu .tab span.left_border{
							background: url(../img/global/tab_left_fond.gif) bottom left no-repeat;
						}

						.page .header .header_top .access ul.menu .tab span.right_border{
							background: url(../img/global/tab_right_fond.gif) bottom left no-repeat;
						}

					.page .header .header_top .access ul.menu li{
						float: right;
						padding: 6px 5px 0 5px;
					}
					.page .header .header_top .access ul.menu li.tab {
						padding: 0;
						margin: 0 5px;
					}
					.page .header .header_top .access ul.menu li.save{
						border-left: 1px solid #e7e2e2;
						border-right: 1px solid #e7e2e2;
					}

					.page .header .header_top .access ul.menu li.flags_content{
						padding: 0;
						margin: 0 5px;
					}

						.page .header .header_top .access ul.menu li a.nl_link{
							padding-right: 10px;
							background-repeat: no-repeat;
							background-position: right 6px;
						}

						.page .header .header_top .access ul.menu ul.flags{

						}

							.page .header .header_top .access ul.menu ul.flags li{
								padding: 0;
								margin: 3px;
								float: left;
							}

								.page .header .header_top .access ul.menu ul.flags li a{
									display:block;
									font-size:25px;
									height:25px;
									line-height:25px;
									width:28px;
								}

								.page .header .header_top .access ul.menu ul.flags li a.active{
									background: url(../img/global/flags/flag_bkgd.gif) 1px 1px no-repeat;
								}

			.page .header .header_top .newsletter{
				position: absolute;
				top: 0;
				right: 81px;
				z-index: 10000;
				width: 168px;
				height : 91px;
				display: none;
			}

				.page .header .header_top .newsletter .content{
					background-color: #b1a0a0;
					padding: 6px 8px 5px 6px;
					width: 154px;
				}

					.page .header .header_top .newsletter .content .link{
						color: #FFF;
						padding-right: 10px;
						position : relative;
						z-index : 99;
						background: url(../img/global/arrow_white_top.gif) right 6px no-repeat;
					}
					
					.page .header .header_top .newsletter .content p{
						color: #e4d6d6;
					}

					.page .header .header_top .newsletter .content .form{
						margin-top: 10px;
					}

						.page .header .header_top .newsletter .content .form input{
							float: left;
							padding: 0;
							margin: 0;
						}

						.page .header .header_top .newsletter .content .form input.text{
							background: url(../img/global/input_search.gif) top left no-repeat;
							border: none;
							height: 19px;
							width: 124px;
							font-size: 0.9em;
							line-height: 0.9em;
							padding-left:3px;
						}

						.page .header .header_top .newsletter .content .links{
							margin-top: 5px;
						}

							.page .header .header_top .newsletter .content .links li a{
								color: #FFF;
								font-weight: normal;
								background-image: url(../img/global/arrow_white.gif);
							}

				.page .header .header_top .newsletter .bottom{
					width: 168px;
					height: 4px;
					display: block;
					background: url(../img/global/nl_tooltip_bottom.png) bottom left no-repeat;
				}

	.page .header .flash{
		margin-left: 10px;
	}

		.page .header .flash embed,
		.page .header .flash object{
			padding: 0;
			margin: 0;
			display: block;
		}
	/** Band **/
	.page .band{
		background: url(../img/global/band_bg.jpg) bottom left no-repeat;
		width: 961px;
		height: 36px;
		position: relative;
		z-index: 49;
	}

		.page .band .decoration{
			position: absolute;
			top: 0;
			left: 155px;
			z-index: 50;
		}

		.page .band ul.breadcrumb{
			list-style-type : none;
			position: absolute;
			top: 0px;
			left: 180px;
			z-index: 50;
			color : #FFF;
			padding: 0;
			margin: 11px 0 0 40px;
		}

			.page .band ul.breadcrumb li{
				display : inline;
				padding : 0 5px 0 13px;
				background-position: left center;
				background-repeat: no-repeat;
			}
				.page .band ul.breadcrumb li a {
					color : #FFF;
					text-decoration : none;
				}

				.page .band ul.breadcrumb li a:hover {
					text-decoration : underline;
				}

		.page .band .search{
			float: right;
			padding: 8px 10px 0 8px;
			background-repeat: no-repeat;
			background-position: left 3px;
		}

			.page .band .search span{
				color: #FFF;
				height: 19px;
				line-height: 19px;
				display: block;
				float: left;
				margin-right: 10px;
			}

			.page .band .search form{
				float: left;
			}

				.page .band .search form .text{
					background: url(../img/global/input_search.gif) top left no-repeat;
					border: none;
					height: 19px;
					width: 125px;
					float: left;
					padding-left:2px;
				}

				.page .band .search form input{
					margin: 0;
					padding: 0;
				}

	/** Left menu **/
	.page .content .menu{
		width: 218px;
		background: url(../img/global/menu_bg.jpg) top left no-repeat;
		float: left;
		position: relative;
		z-index: 35;
	}

		.page .content .menu h3{
			font-size: 1.7em;
			margin: 10px 0 0 15px;
			font-weight: normal;
		}

		.page .content .menu ul.section{
			list-style-type: none;
			margin: 5px 0 0 15px;
			padding: 0 0 7px 0;
			background: url(../img/global/menu_sep.gif) bottom left no-repeat;
		}

		.page .content .menu ul.last{
			background: none;
		}

			.page .content .menu ul.section li a.item{
				font-size: 1.4em;
				font-weight: bold;
				display: block;
				padding: 4px 0;
				margin-top: 2px;
				cursor: default;
			}

			.page .content .menu ul.section li a.item_hover,
			.page .content .menu ul.section li a.selected{
				color: #000;
				background: url(../img/global/menu_hover.png) top right repeat-y;
			}

		.page .content .menu .menu_item{
			display: none;
			position: absolute;
			z-index: 30;
			left: 188px;
			top: 20px;
		}

		.page .content .menu .one{
			width: 189px;
		}

			.page .content .menu .one .contenu{
				width: 139px;
			}
				.page .content .menu .one ul.links li a{
					width: 145px;
				}

		.page .content .menu .two{
			width: 340px;
		}

			.page .content .menu .two .contenu{
				width: 290px;
			}

		.page .content .menu .three{
			width: 487px;
		}
			.page .content .menu .three .contenu{
				width: 437px;
			}

			.page .content .menu .menu_item ul{
				padding: 0;
				margin: 0;
				list-style-type: none;
			}

			.page .content .menu .menu_item .thumbs{
				margin-bottom: 20px;
			}

				.page .content .menu .menu_item .thumbs li{
					float: left;
					width: 143px;
					margin-right: 4px;
				}

				.page .content .menu .menu_item .thumbs li.last{
					margin-right: 0;
				}
				    .page .content .menu .menu_item .contenu {
						float: left;
						padding: 20px;
						background-color: #c3b6b6;
				    }
				    
					    .page .content .menu .menu_item .contenu .titre{
					    	font-weight: bold;
					    	color: #FFF;
					    	font-size: 1.2em;
					    	padding-bottom: 8px;
					    }
				    
					.page .content .menu .menu_item .hautDroit {
					    background: url(../img/global/bordhautdroit.png) bottom right no-repeat;
					    width: 10px;
					    height: 10px;
					    float: left;
					}
					.page .content .menu .menu_item .basGauche {
					    background: url(../img/global/bordBasGauche.png) top left no-repeat;
					    width: 10px;
					    height: 10px;
					    float: left;
					    clear: left;
					}
					.page .content .menu .menu_item .basDroit {
					    background: url(../img/global/bordBasDroit.png) top left no-repeat;
					    width: 10px;
					    height: 10px;
					    float: left;
					}
					.page .content .menu .menu_item .droit {
					    float:left;
					    height:263px;
					    width:10px;
					    background: url(../img/global/bordDroit.png) bottom right repeat-y;
					}
					.page .content .menu .menu_item .bas {
					    height:10px;
					    width:467px;
					    float: left;
					    background: url(../img/global/bordBas.png) bottom right repeat-x;
					}
					.page .content .menu .menu_item .thumbs li .thumb{
						margin-bottom: 5px;
						border-style: solid;
						border-width: 2px;
					}

					.page .content .menu .menu_item .thumbs li .title{
						text-decoration: none;
						color: #FFF;
						font-weight: bold;
						font-size: 1.5em;
						line-height: 1em;
					}

			.page .content .menu .menu_item .links li{
				float: left;
			}

			.page .content .menu .menu_item .separator{
				display: block;
				margin: 15px 0;
				width: 100%;
				height: 1px;
				font-size: 0;
				position: relative;
				overflow: hidden;
				background: url(../img/global/menu_tooltip_sep.gif) top left repeat-x;
			}

				.page .content .menu .menu_item .links li a{
					padding-right: 5px;
					width: 200px;
					display: block;
				}

				.page .content .menu .menu_item .normal li a{
					font-weight: normal;
				}

		.page .content .menu .direct_access{
			margin: 0 8px 0 0;
			padding: 38px 0 0 16px;
		}

			.page .content .menu .direct_access .bloc{
				width: 160px;
			}

				.page .content .menu .direct_access .bloc h4{
					color: #FFF;
					height: 25px;
					line-height: 25px;
					padding-left: 5px;
					font-weight: normal;
					font-size: 1.5em;
				}

				.page .content .menu .direct_access .bloc ul{
					padding: 0;
					margin: 8px 0 0 0;
					list-style-type: none;
				}

					.page .content .menu .direct_access .bloc ul li a{
						padding-left: 13px;
						color: #000;
						text-decoration: none;
						font-weight: bold;
					}

					.page .content .menu .direct_access .bloc ul li a:hover{
						text-decoration: underline;
					}

		.page .content .menu .tools{
			margin: 15px 0 0 15px;
			background: url(../img/global/tools_bg.jpg) top left no-repeat;
			width: 186px;
		}
			.page .content .menu .tools .tooltip_conteneur{
				position: relative;
			}

				.page .content .menu .tools .tools_tooltip{
					left: 0;
					bottom: 48px;
					position: absolute;
					display: none;
				}

					.page .content .menu .tools .tools_tooltip .tooltip_content{
						background-color: #b9a9a9;
						padding: 5px;
					}

						.page .content .menu .tools .tools_tooltip .tooltip_content ul li a{
							color: #FFF;
							text-decoration: none;
							padding-left: 13px;
							background: url(../img/global/arrow_white.gif) left 4px no-repeat;
							font-size: 0.94em;
						}

						.page .content .menu .tools .tools_tooltip .tooltip_content ul li a:hover{
							text-decoration: underline;
						}

					.page .content .menu .tools .tools_tooltip .tooltip_bottom{
						background-image: url(../img/global/tooltip_bottom.gif);
						background-repeat: no-repeat;
						width: 186px;
						height: 10px;
					}

					.page .content .menu .tools .left .tooltip_bottom{
						background-position: 27px top;
					}

					.page .content .menu .tools .middle .tooltip_bottom{
						background-position: 89px top;
					}

					.page .content .menu .tools .right .tooltip_bottom{
						background-position: 151px top;
					}

			.page .content .menu .tools ul{
				padding: 0;
				margin: 0;
				list-style-type: none;
			}

				.page .content .menu .tools ul.picto li{
					float: left;
					margin-top: 8px;
				}

					.page .content .menu .tools ul.picto li a{
						/*margin: 0 auto;*/
						width: 62px;
						/*text-align: center;*/
					    display: block;
					}

						.page .content .menu .tools ul.picto li a img{
							margin: 0 auto;
						}

			.page .content .menu .tools ul.links{
				margin: 5px 0 0 7px;
				background: url(../img/global/menu_sep.gif) top left no-repeat;
				padding: 8px 0 10px 0;
			}

	.page .content .page_layout{
		float: left;
		display: inline;
		background-color: #FFF;
	}
	table .pagination .pager li.selected {
		/*margin: 0 2px 0 15px;*/
	}
	.bottom .pager li {
	    margin-right: 5px;
	}
	table td .pager a {
		/*margin:0 0 0 10px;*/
	}

	/** Footer **/
	.footer{
		margin: 10px auto 0 auto;
		padding: 0 10px;
		height: 95px;
		width: 961px;
		display: block;
		background: url(../img/global/footer_bg.png) bottom left no-repeat;
	}
		.footer .background{
			height: 95px;
			width: 961px;
			display: block;
			background-position: bottom left;
			background-repeat: no-repeat;
			position: relative;
		}

			.footer .background .top_page{
				position: absolute;
				top: 25px;
				right: 10px;
			}
				.footer .background .top_page a{
					color: #000;
					text-decoration: none;
					padding: 3px 20px 0 0;
					background-position: top right;
					background-repeat: no-repeat;
					font-size: 0.9em;
					height: 13px;
					display: block;
					float: left;
				}

				.footer .background .top_page a:hover {
					text-decoration: underline;
				}

			.footer .background .bottom{
				position: absolute;
				bottom: 0;
				left: 0;
			}
				.footer .background .bottom .copyright{
					margin: 0 0 2px 10px;
					float: left;
					width: 196px;
				}

					.footer .background .bottom .copyright p{
						color: #FFF;
						font-size: 0.8em;
						line-height: 1.1em;
					}

				.footer .background .bottom .footer_links{
					float: left;
				}

					.footer .background .bottom .footer_links ul{
						padding: 0;
						margin: 0;
						list-style-type: none;
						width: 620px;
						margin: 3px 0 0 100px;
					}

						.footer .background .bottom .footer_links ul li{
							float: left;
							width: 180px;
							background: url(../img/global/footer_border.gif) top left repeat-y;
						}

							.footer .background .bottom .footer_links ul li a{
								color: #000;
								text-decoration: none;
								font-size: 0.9em;
								padding-left: 7px;
							}

							.footer .background .bottom .footer_links ul li a:hover{
								text-decoration: underline;
							}

/** tables **/
.texte table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.texte table th {
	background-color: #079ca0;
	color: #fff;
	padding: 4px 5px;
	border-left: 1px solid #fff;
}
.texte table thead td {
	background-color: #079ca0;
	color: #fff;
	padding: 4px 5px;
	border-left: 1px solid #fff;
}

.texte table td {
	background-color: #e4e5e5;
	color: #000;
	padding: 3px 5px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #b6b6b6;
}

.texte table th.first, .texte table td.first {
	border-left: none;
}

.texte table td.first {
	font-weight: bold;
	background-color: #cdcdcd;
}

.texte table img {
	display:block;
}

.texte table th.nobgd, .texte table td.nobgd {
	background: none;
}

/* Mise en page tableau les lacs en images */
.texte table.table-lacs td {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
/** Newsletter Form **/
.content .form_newsletter{
	display: block;
	padding-top: 10px;
}
	.content .form_newsletter h6{
		color: #E91A1A;
		font-size: 1.3em;
		padding-bottom: 3px;
	}
	
	.content .form_newsletter p{
		padding: 4px 0;
		font-size: 0.9em;
		color: #444;
	}
	
	.content .form_newsletter .text,
	.content .form_newsletter .validate_ok{
		float: left;
	}
	
	.content .form_newsletter .validate_ok{
		margin-left: 5px;
	}