#pages {
	font-family: comic sans ms, helvetica, sans-serif;
	text-align: center;
	}
	#conteneur {
		width: 980px; height: 100%;
		margin: 0 auto;
		text-align: left;
		background: url("../images/f_pages.gif") repeat-y top;
		}
		.conteneur-haut {
			vertical-align: top;
			background: url("../images/f_pages-haut.jpg") no-repeat top;
			padding: 15px 0 0 0;
			}

/** HEADER **/
.header {
	}
	h1 {
		float: left;
		padding: 20px 0 0 90px;
		}
		h1 a.logo {
			display: block; width: 322px; height: 44px;
			background: url("../images/a_logo.gif") no-repeat;
			text-indent: -1000px; overflow: hidden;
			}
	.header .visuel {
			text-indent: -1000px; overflow: hidden;
		}

/** NAVIGATION **/
.navigation {
	width: 980px;
	margin: 0 0 40px 0;
	}
	.navigation ul {
		float: right;
		padding: 0 10px; margin: 34px 0 10px;
		}
		.navigation li {
			background: red;
			float: left;
			}
			.navigation li a {
				display: block;
				text-indent: -1000px; overflow: hidden;
				height: 20px;
				}
				.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; left: 50%;
	}
.rubriques a {
	display: block;
	text-indent: -1000px; overflow: hidden;
	}

.b_antoine {
	margin: 0 0 0 -363px; top: 120px;
	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: 0 0 0 -470px; top: 190px;
	background: url("../images/b_samuser_off.png") no-repeat 0 0;
	}
	.b_samuser_a {
		width: 145px; height: 111px;
		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: 0 0 0 -400px; top: 285px;
	background: url("../images/b_collection_off.png") no-repeat 0 0;
	}
	.b_collection_a {
		width: 187px; height: 80px;
		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: 0 0 0 -457px; top: 325px;
	background: url("../images/b_amis_off.png") no-repeat 0 0;
	}
	.b_amis_a {
		width: 179px; height: 94px;
		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%;
	margin: 450px 0 0 -500px; width: 270px; height: 238px;
	text-align: left;
	background: url("../images/f_actus-pages.png") no-repeat 0 0;
	}
	.col-actus .bloc-actus {
		padding: 40px 0 0 104px; line-height: 14px;
		}
		.col-actus .bloc-actus h2 {
			width: 100px;
			font-family: comic sans ms, arial; font-size: 15px; font-weight: normal; color: black;
			text-transform: uppercase; letter-spacing: 2px;
			}
		.col-actus .bloc-actus h3 {
			width: 136px;
			font-family: comic sans ms, arial; font-size: 12px; line-height: 15px;
			}
		.col-actus .bloc-actus p {
			width: 136px;
			font-family: comic sans ms, arial; font-size: 12px; font-weight: normal; line-height: 15px;
			margin: 1px 0 3px;
			}
			.bloc-actus .b-actus {
				font-family: comic sans ms, arial; font-size: 12px; font-weight: bold; color: black; line-height: 14px;
				text-transform: uppercase;
				}
				.bloc-actus a:hover {
					text-decoration: underline;
					}


/** CONTENT **/
.content {
	background: url("../images/f_pages-bas.jpg") no-repeat bottom;
	padding: 0 0 100px 0;
	}
	.content .col {
		float: left;
		}
		/** SOUS NAVIGATION **/
		.content .col1 {
			width: 190px;
			}
			.sous-navigation {
				height: 30px; padding: 0 0 50px 20px;
				}
				.sous-navigation li {
					float: left;
					color: white; font-size: 13px; font-weight: bold; line-height: 13px;
					padding: 8px 20px 5px 0;
					}
					.sous-navigation a {
						color: black; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 13px;
						text-transform: uppercase;
						}
					.sous-navigation a:hover {
						color: white;
						}


		/** CONTENU **/
		.content .col2 {
			padding: 0 60px 0 270px;
			}
			.zone-content {
				padding: 10px 40px 33px;
				}
				.content .col2 h2 {
					font-size: 30px; color: black; font-weight: normal;
					margin: 10px 0 0 0;
					}
				.contenu h3 {
					font-size: 22px; color: #444f72; font-weight: normal;
					margin: 12px 0 6px 0;
					}
				.contenu h4 {
					font-size: 16px; color: black; font-weight: normal;
					margin: 12px 0 6px 0;
					}
				.contenu p {
					color: black; font-size: 13px; line-height: 19px;
					margin: 6px 0 3px 0;
					}
					.size1 {
						font-size: 1em;
					}
					.size2 {
						font-size: 1.2em;
					}
					.size3 {
						font-size: 1.4em;
					}
				.contenu a {
					color: #009dbb; text-decoration: none;
					}
					.contenu a:hover {color: #009dbb; text-decoration: underline;}

				.contenu ul {
					margin: 9px 0 5px 0;
					list-style: none;
					}
					.contenu li {
						color: black; font-size: 13px; line-height: 19px;
						list-style: none;
						background: url("../images/i_puce-liste.gif") no-repeat 1px 4px;
						padding: 2px 0 4px 13px;
						}
						.contenu ul ul {
							margin: 2px 0 2px 0;
							}
							.contenu ul ul li {
								background: url("../images/i_puce-liste_niv2.gif") no-repeat 0px 5px;
								padding: 1px 0 2px 9px;
								}

				/** TABLEAU **/
				.contenu .divtable {
					width: 100%;
					}
				.contenu table {
					table-layout: fixed;
					margin: 10px 0;
					width: 100%;
					/*border: 1px solid #e3e3e4;*/
					}
				.contenu th {
					width: auto;
					margin: 0; padding: 4px 8px 5px;
					color: #064a88; text-align: left; font-size: 13px;
					/*border: 1px solid #e3e3e4;*/
					background: #dde6f4;
					}
				.contenu td {
					width: auto;
					margin: 0; padding: 3px 8px 3px; border-bottom: 1px solid #dde6f4;
					color: black; font-size: 13px;
					/*border: 1px solid #e3e3e4;*/
					}
				.contenu td.gris {
					background: #f6f6f6;
					vertical-align: middle;
					}

				/** PICTO / BOUTONS **/
				.contenu .picto {
					padding: 3px 0 5px 30px; margin: 6px 0 3px 0;
					}
				.contenu .picto a {
					color: #525d68; font-weight: bold;
					}
				.contenu .pdf {background: url("../images/i_pdf.gif") no-repeat 0 0;}
				.contenu .imprimer {background: url("../images/i_imprimer.gif") no-repeat 0 0;}
				.contenu .borderimgleft {
					margin: 0 10px 5px 0;
					}

				/** IMAGES **/
				.contenu .borderimgright {
					margin: 0 0 5px 10px;
					}
				.contenu img.right {
					margin: 4px 4px 4px 20px;
					}
				.contenu img.left {
					margin: 4px 20px 4px 4px;
					}
				.contenu label {
					color: black;
					width: 120px;
					display: block; float: left;
					}

				/** ENCART **/
				.encart {background: url("../images/c_encart-hg.gif") no-repeat left top; margin: 15px 0 20px 0;}
				.encart-content {background: url("../images/c_encart-hd.gif") no-repeat right top;padding: 10px 20px 10px;}
				.encart-bas {background: url("../images/c_encart-bg.gif") no-repeat left top;}
				.encart-bas div {background: url("../images/c_encart-bd.gif") no-repeat right top;padding: 0 10px 0 0; font-size: 5px; height: 10px;}
				.encart h3 {
					color: #3b5472; font-size: 13px; font-weight: bold;
					}
				.encart p {
					color: #646cbe; font-size: 13px;
					}
				.encart a {
					}


				/** FORMULAIRE **/
				.contenu input {
					border: 1px solid #c2c2c2;
					background: #ededed;
					color: black; font-size: 13px;
					height: 19px;
					}
				.bouton {
					margin: 4px 0; 
					}
				.bouton a {
					text-align: center;
					background: #e59e35;
					color: white; text-transform: uppercase; font-size: 13px; font-weight: bold;
					padding: 5px 11px; text-decoration: none; 
					}
					.bouton a:hover {
						background: black;
						text-decoration: none; color: white;
						}

/** ENCARTS **/
.zone-encart {
	float: right;
	width: 260px;
	}
	.zone-encart-marge {
		margin: 0 0 20px 20px;
		}

/** FOOTER **/
.footer {
	font-family: verdana, helvetica, sans-serif;
	margin: 0 0 0 0;
	width: 940px;
	color: #918f8f; font-size: 10px;
	text-align: right;
	padding: 0 0 10px 0;
	}
	.footer a {
		font-family: verdana, helvetica, sans-serif;
		color: #918f8f; font-size: 10px;
		text-decoration: none;
		padding: 0 2px;
		}
		.footer a:hover {
			color: white; text-decoration: underline;
			}