/* -------------------------------- */
/* Blocs */
/* -------------------------------- */

body{
	background:#458C3F url("../images/bg_body.jpg") no-repeat top center scroll;
	font-size:12px;
	font-family:Arial,Sans-Serif;
	margin:0;
	padding:0;
	position:relative;
}
	#conteneur{
		background:#458C3F url("../images/bg_body.jpg") no-repeat top center scroll;
		width:1000px;
		margin: 0 auto;
		position:relative;
	}
	
		#banniere{
			height:162px;
			position:relative;
		}
			.logo{
				position:relative;
				height:162px;
				float:left;
			}
			.langues{
				position:absolute;
				top:100px;
				right:20px;
			}
		#menu{
			height:35px;
			position:relative;
		}
			#menu ul.menubot{
				position:absolute;
				font-size:14px;
				font-weight:bold;
				color:#FFFFFF;
				padding-left:10px;
				list-style: none;
				margin-top:10px;
			}
				#menu ul.menubot li{
					display:inline;
					padding-right:15px;
				}
					#menu ul.menubot li a{
						color:#FFFFFF;
					}
		#annonces{
			height:200px;
			padding:10px 0;
			position:relative;
		}
			#news{
				position:absolute;
				width:500px;
				height:140px;
				background:transparent url('../images/bg_news.png') repeat top left;
				top:50px;
				left:20px;
			}
			#photosflash{
				position:absolute;
				width:320px;
				height:430px;
				right:10px;
			}
			
		#page{
			
			padding:20px 0 0 20px;
			position:relative;
		}
			.bloc_page{
				width:640px;
				position:relative;
				background:transparent url('../images/bg_page.png') repeat top left;
				float:left;
			}
				.bloc_page div{
					position:relative;
					width:640px;
					background:transparent url('../images/bg_page_top.png') no-repeat top left;
				}
					.bloc_page div div{
						position:relative;
						width:620px;
						background:transparent url('../images/bg_page_bottom.png') no-repeat bottom left;
						min-height:100px;
						padding:10px;
						overflow:hidden;
					}
						.bloc_page .vignette{
							float:left;
							background:transparent;
							width:112px;
							height:112px;
							margin:5px;
							padding:0;
							min-height:0;
							border:1px solid #AAA;
						}
						.bloc_page .vignette img{
							width:112px;
							height:112px;
						}
						.bloc_page .clearer, .clearer{
							position:relative;
							clear:both;
							padding:0;
							min-height:0;
							margin:0;
						}
			.bloc_spacer{
				position:relative;
				margin-left:660px;
				height:200px;
			}
			.bloc_boite{
				margin-left:660px;
				width:300px;
				position:relative;
				background:#EFF5F9;
				margin-top:20px;
				overflow:hidden;
			}
				.bloc_boite div{
					position:relative;
					background:transparent url('../images/bg_bloc_top.png') no-repeat top left;
				}
					.bloc_boite div div{
						position:relative;
						background:transparent url('../images/bg_bloc_bottom.png') no-repeat bottom left;
						min-height:60px;
					}
						.bloc_boite div div div.bloc_boite_contenu{
						position:relative;
						padding:10px;
					}
		#footer{
			margin:20px 10px;
			position:relative;
			height:35px;
			background:transparent url('../images/bg_footer.png') no-repeat top left;
		}
	
	
/* -------------------------------- */
/* Typo générale */
/* -------------------------------- */
h1{
	font-family:Verdana,Arial,Sans-Serif;
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px 0;
}

h2{
	font-family:Verdana,Arial,Sans-Serif;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
}
h3{
	font-family:Verdana,Arial,Sans-Serif;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}

p{
	margin:0;
	padding:0 0 5px 0;
	text-align:justify;
}

a{
	color:#458C3F;
	text-decoration:none;
}
a img {
	border: none;
}
a:visited {
	color:#458C3F;
}

a:hover {
	color:#000;
	text-decoration:none;
}
.masquer{
	position:absolute;
	margin-left:-2500px;
}
/* -------------------------------- */
/* Typo spé */
/* -------------------------------- */
#news h2{
	color:#FFF;
	margin:6px 0 6px 45px;
}
#news .news_contenu{
	position:relative;
	padding:10px 10px 0 10px;
	max-height:90px;
	overflow:hidden;
}
.bloc_boite div div h2{
	color:#FFF;
	font-size:16px;
	padding:8px 0 8px 45px;
	margin:0px;
}
.bloc_boite div div img{
	max-width:280px;
	max-height:600px;
}
#footer p{
	color:#FFF;
	text-align:right;
	padding:10px 20px;
}
#footer a{
	color:#FFF;
	font-weight:bold;
}
#footer a:hover{
	text-decoration:underline;
}

/* -------------------------------- */
/* Page */
/* -------------------------------- */
.bloc_page div div h1{
	color:#458C3F;
	border-bottom: 2px dotted #FCD921;
	padding-bottom:5px;
}
.bloc_page div div h2{
	color:#458C3F;
	margin:10px 0;
}
.bloc_page div div h3{
	color:#458C3F;
	margin:10px 0;
}
.bloc_page div div ul{
	padding-left:20px;
}
.bloc_page div div ul li{
	list-style:circle inside;
}
.bloc_page div div a, .bloc_page div div a:visited{
	color:#458C3F;
	font-weight:bold;
}
.bloc_page div div a:hover{
	text-decoration:underline;
}
.bloc_page div div img{
	max-width:620px;
	width:expression(document.body.clientWidth > 620 ? "620px" : "auto");
}