html, body {
	width: 100%;
	height: 100%;
}

body {
	margin:0;
	padding:0;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0F744F;
}

.clear {
	clear: both;
}
img {
	border: 0;
}
table {
	border-collapse: collapse;
}

#site {
	width: 794px;
	margin: 0 auto;
	padding: 0 4px;
	background: #fff url(../images/body_repeat.jpg) center top repeat-y;
}

#main {
	padding: 20px 20px 20px 30px;
}

	.edito {
		padding: 0 0 20px 0;
	}
	.edito a {
		color: #0F744F;
		font-weight: bold;
	}
	
	.content {
		position: relative;
		z-index: 0;
	}
		.content h1 {
			margin: 0;
			padding: 12px 0;
			color: #69AA17;
		}
		.content h2 {
			font-size: 13px;
			color: #69AA17;
			text-decoration: underline;
			margin: 0;
			padding: 0 0 16px 0;
		}
		.content h3 {
			font-size: 13px;
			color: #69AA17;
			text-decoration: underline;
			font-weight: normal;
			margin: 0;
			padding: 20px 0;
		}
		.content .left-col {
			width: 375px;
		}
		.content .radio {
			width: 383px;
			position: absolute;
			top: 65px;
			right: -20px;
			z-index: 10;
		}
		*html .content .radio {
			right: 5px;
		}
			.radio table {
				margin: 0;
				border: 0;
			}
				.radio table td {
					padding: 0;
				}
				
		.galerie {
		
		}
		.galerie .pad {
			width: 213px;
			background: #69AA17;
			padding: 1px 1px 5px 1px;
			color: #fff;
			font-size: 10px;
			float: left;
			margin: 0 15px 30px 15px;
		}
			.galerie .pad p {
				height: 62px;
				padding: 5px 0 3px 0;
				margin: 0 6px;
				border-bottom: 1px solid #B8B8B8;
			}
			.galerie .pad .ico-son {
				float: left;
				margin: 4px 0 0 6px;
			}
			.galerie .pad .lk-afficher {
				display: block;
				width: 65px;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				background: url(../images/puce.gif) right top no-repeat;
				padding: 1px 0;
				margin: 4px 6px 0 0;
				float: right;
			}
			
			#detail_bg {
				display: none;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: #000;
				opacity: .8;
				filter: alpha(opacity=80);
				z-index: 100;
			}
			#detail {
				display: none;
				position: absolute;
				width: 750px;
				border: 1px solid #fff;
				top: 10%;
				left: 50%;
				margin: 50px 0 0 -376px;
				padding: 0;
				background: #69AA17;
				z-index: 1000;
				color: #fff;
				font-size: 12px;
			}
				#detail a {
					color: #fff;
					text-decoration: underline;
				}
				#detail a:hover {
					text-decoration: none;
				}
				#detail .entete {
					height: 36px;
					padding: 5px 20px 0 20px;
				}
					#detail .entete .mp3 {
						width: 260px;
						float: left;
					}
					#detail .entete a.btn-fermer {
						display: block;
						width: 55px;
						background: #f00;
						font-size: 10px;
						text-decoration: none;
						padding: 2px 0;
						margin: 7px 0 0 0;
						background: url(../images/puce_fermer.gif) right 2px no-repeat;
						float: right;
					}
					#detail .entete a.btn-fermer:hover {
						text-decoration: underline;
					}
				#detail .title {
					font-weight: bold;
					padding: 15px 15px 20px 15px;
				}
				#detail .txt {
					padding: 0 15px 30px 15px;
				}
				#detail .url {
					font-weight: bold;
					padding: 0 15px 20px 15px;
				}
				
	.ajax-loader {
		padding: 50px;
	}
	
	.footer {
		background:url(../images/footer.gif) no-repeat;
		height: 22px;
		color:#fff;
		font-weight: bold;
		font-size:11px;
		padding: 11px 0 0 56px;
	}
		.footer a {
			color: #fff;
			text-decoration: none;
		}
	.footer-page {
		width: 802px;
		margin: auto;
		background: url(../images/body_footer.jpg) center top no-repeat;
		text-align: right;
		padding: 15px 11px;
		font-size:10px;
	}
		.footer-page ul {
			margin: 0;
			padding: 0:
		}
			.footer-page ul li {
				display:inline;
				margin-right:10px;
			}
				.footer-page ul li a {
					color: #999;
					text-decoration: none;
				}
				.footer-page ul li a:hover {
					text-decoration: underline;
				}