html {
	width: 100%; height: 100%;
	}
a {
	text-decoration: none;
	}
#home {
	background: url("../images/f_home.jpg") no-repeat center white;
	font-family: verdana, helvetica, sans-serif;
	text-align: center;
	}
	.conteneur {
		position: absolute; top: 50%; left: 50%;
		margin: -280px 0 0 -480px;
		height: 560px; width: 960px;
		}
		.v-home {
			position: absolute; top: 50%; left: 50%;
			margin: -80px 0 0 -480px;
			background: url("../images/v_homedakar.png") no-repeat 0 0;
			width: 483px; height: 349px;
			}

/** NAVIGATION **/
.navigation {
	position: absolute; top: 50%; left: 50%;
	margin: -150px 0 0 -440px;
	z-index: 1;
	}
	.navigation ul {
		height: 20px;
		padding: 0 20px; 
		}
		.navigation li {
			background: red;
			float: left;
			margin: 0 7px;
			}
			.navigation li a {
				display: block;
				text-indent: -1000px; overflow: hidden;
				height: 20px; text-decoration: none;
				}
				.navigation li.b_actualites {background: url("../images/b_actualites.gif") no-repeat 0 -20px;}
				.navigation li.b_actualites a {background: url("../images/b_actualites.gif") no-repeat 0 -20px; width: 95px;}
					.navigation li.b_actualites a:hover {background: url("../images/b_actualites.gif") no-repeat 0 ;}
				.navigation li.b_acheter {background: url("../images/b_acheter.gif") no-repeat 0 -20px;}
				.navigation li.b_acheter a {background: url("../images/b_acheter.gif") no-repeat 0 -20px; width: 159px;}
					.navigation li.b_acheter a:hover {background: url("../images/b_acheter.gif") no-repeat 0 0;}
				.navigation li.b_contacts {background: url("../images/b_contacts.gif") no-repeat 0 -20px;}
				.navigation li.b_contacts a {background: url("../images/b_contacts.gif") no-repeat 0 -20px; width: 87px;}
					.navigation li.b_contacts a:hover {background: url("../images/b_contacts.gif") no-repeat 0 0;}
				.navigation li.b_presse {background: url("../images/b_presse.gif") no-repeat 0 -20px;}
				.navigation li.b_presse a {background: url("../images/b_presse.gif") no-repeat 0 -20px; width: 61px;}
					.navigation li.b_presse a:hover {background: url("../images/b_presse.gif") no-repeat 0 0;}
				.navigation li.b_auteur {background: url("../images/b_auteur.gif") no-repeat 0 -20px;}
				.navigation li.b_auteur a {background: url("../images/b_auteur.gif") no-repeat 0 -20px; width: 72px;}
					.navigation li.b_auteur a:hover {background: url("../images/b_auteur.gif") no-repeat 0 0;}

.rubriques div {
	position: absolute; top: 50%; left: 50%;
	}
.rubriques a {
	display: block;
	text-indent: -1000px; overflow: hidden;
	}

.b_antoine {
	margin: -110px 0 0 -43px;
	background: url("../images/b_antoine_off.png") no-repeat 0 0;
	}
	.b_antoine_a {
		width: 126px; height: 82px;
		background: url("../images/b_antoine_off.png") no-repeat 0 0;
		}
	.b_antoine_a:hover {background: url("../images/b_antoine_on.png") no-repeat 0 0;}

.b_samuser {
	margin: -40px 0 0 20px;
	background: url("../images/b_samuser_off.png") no-repeat 0 0;
	}
	.b_samuser_a {
		width: 140px; height: 95px;
		background: url("../images/b_samuser_off.png") no-repeat 0 0;
		}
	.b_samuser_a:hover {background: url("../images/b_samuser_on.png") no-repeat 0 0;}

.b_collection {
	margin: 70px 0 0 2px;
	background: url("../images/b_collection_off.png") no-repeat 0 0;
	}
	.b_collection_a {
		width: 180px; height: 45px;
		background: url("../images/b_collection_off.png") no-repeat 0 0;
		}
	.b_collection_a:hover {background: url("../images/b_collection_on.png") no-repeat 0 0;}

.b_amis {
	margin: 130px 0 0 5px;
	background: url("../images/b_amis_off.png") no-repeat 0 0;
	}
	.b_amis_a {
		width: 249px; height: 163px;
		background: url("../images/b_amis_off.png") no-repeat 0 0;
		}
	.b_amis_a:hover {background: url("../images/b_amis_on.png") no-repeat 0 0;}

.col-actus {
	position: absolute; left: 50%; top: 50%;
	margin: -250px 0 0 285px; width: 160px;
	text-align: left;
	}
	.col-actus .bloc-news {
		height: 320px;
		}
		.col-actus .bloc-news h3 {
			margin: 10px 0 0 0;
			font-family: comic sans ms, arial; font-size: 16px; font-weight: normal; color: white;
			line-height: 19px;
			}
	.col-actus .bloc-actus {
		height: 200px;
		}
		.col-actus .bloc-actus h2 {
			font-family: comic sans ms, arial; font-size: 16px; font-weight: normal; color: black;
			text-transform: uppercase; letter-spacing: 5px;
			}
		.col-actus .bloc-actus h3 {
			font-family: comic sans ms, arial; font-size: 13px; line-height: 17px;
			}
		.col-actus .bloc-actus p {
			font-family: comic sans ms, arial; font-size: 13px; font-weight: normal; line-height: 17px;
			margin: 2px 0 5px;
			}
			.bloc-actus .b-actus {
				font-family: comic sans ms, arial; font-size: 13px; font-weight: bold; color: black; line-height: 15px;
				text-transform: uppercase;
				}
				.bloc-actus a:hover {
					text-decoration: underline;
					}

/** FOOTER **/
.footer {
	position: absolute; top: 50%; left: 50%;
	margin: 285px 0 0 -480px;
	width: 960px;
	color: #918f8f; font-size: 10px;
	text-align: right;
	padding: 8px 0 10px 0;
	}
	.footer a {
		color: #918f8f; font-size: 10px;
		text-decoration: none;
		padding: 0 2px;
		}
		.footer a:hover {
			color: white; text-decoration: underline;
			}