#pages {
	background: url("../images/f_pages.jpg") repeat-x top center #324d77;
	font-family: verdana, helvetica, sans-serif;
	text-align: center;
	}
	#conteneur {
		width: 948px; height: 100%;
		margin: 0 auto;
		text-align: left;
		background: url("../images/v_pages.jpg") no-repeat top;
		}
		.conteneur-haut {
			vertical-align: top;
			}
		.conteneur-bas {
			vertical-align: bottom;
			}

/** HEADER **/
.header {
	height: 181px;
	}
	h1 {
		padding: 48px 0 0 55px;
		}
		h1 a.logo {
			display: block; width: 187px; height: 108px;
			background: url("../images/a_logo_pages.png") no-repeat;
			text-indent: -1000px; overflow: hidden;
			}
	.header .visuel {
			text-indent: -1000px; overflow: hidden;
		}

/** NAVIGATION **/
.navigation {
	background: url("../images/f_navigation_pages.gif") no-repeat top;
	}
	.navigation ul {
		clear: both;
		height: 39px;
		padding: 0 30px;
		}
		.navigation li {
			float: left;
			}
			.navigation li a {
				display: block;
				text-indent: -1000px; overflow: hidden;
				margin: 0 5px; height: 39px;
				}
				.navigation li.b_societe {background: url("../images/b_societe.gif") no-repeat 5px -39px;}
				.navigation li.b_societe a {background: url("../images/b_societe.gif") no-repeat 0 -39px; width: 98px;}
					.navigation li.b_societe a:hover {background: url("../images/b_societe.gif") no-repeat 0 0;}
				.navigation li.b_offres {background: url("../images/b_offres.gif") no-repeat 5px -39px;}
				.navigation li.b_offres a {background: url("../images/b_offres.gif") no-repeat 0 -39px; width: 94px;}
					.navigation li.b_offres a:hover {background: url("../images/b_offres.gif") no-repeat 0 0;}
				.navigation li.b_realisations {background: url("../images/b_realisations.gif") no-repeat 5px -39px;}
				.navigation li.b_realisations a {background: url("../images/b_realisations.gif") no-repeat 0 -39px; width: 138px;}
					.navigation li.b_realisations a:hover {background: url("../images/b_realisations.gif") no-repeat 0 0;}
				.navigation li.b_actualites {background: url("../images/b_actualites.gif") no-repeat 5px -39px;}
				.navigation li.b_actualites a {background: url("../images/b_actualites.gif") no-repeat 0 -39px; width: 123px;}
					.navigation li.b_actualites a:hover {background: url("../images/b_actualites.gif") no-repeat 0 0;}
				.navigation li.b_faq {background: url("../images/b_faq.gif") no-repeat 5px -39px;}
				.navigation li.b_faq a {background: url("../images/b_faq.gif") no-repeat 0 -39px; width: 267px;}
					.navigation li.b_faq a:hover {background: url("../images/b_faq.gif") no-repeat 0 0;}
				.navigation li.b_contact {background: url("../images/b_contact.gif") no-repeat 5px -39px;}
				.navigation li.b_contact a {background: url("../images/b_contact.gif") no-repeat 0 -39px; width: 103px;}
					.navigation li.b_contact a:hover {background: url("../images/b_contact.gif") no-repeat 0 0;}

				.navigation li.b_societe_on {background: url("../images/b_societe.gif") no-repeat 5px 0;}
				.navigation li.b_societe_on a {background: url("../images/b_societe.gif") no-repeat 0 0; width: 98px;}
				.navigation li.b_offres_on {background: url("../images/b_offres.gif") no-repeat 5px 0;}
				.navigation li.b_offres_on a {background: url("../images/b_offres.gif") no-repeat 0 0; width: 94px;}
				.navigation li.b_realisations_on {background: url("../images/b_realisations.gif") no-repeat 5px 0;}
				.navigation li.b_realisations_on a {background: url("../images/b_realisations.gif") no-repeat 0 0; width: 138px;}
				.navigation li.b_actualites_on {background: url("../images/b_actualites.gif") no-repeat 5px 0;}
				.navigation li.b_actualites_on a {background: url("../images/b_actualites.gif") no-repeat 0 0; width: 123px;}
				.navigation li.b_faq_on {background: url("../images/b_faq.gif") no-repeat 5px 0;}
				.navigation li.b_faq_on a {background: url("../images/b_faq.gif") no-repeat 0 0; width: 267px;}
				.navigation li.b_contact_on {background: url("../images/b_contact.gif") no-repeat 5px 0;}
				.navigation li.b_contact_on a {background: url("../images/b_contact.gif") no-repeat 0 0; width: 103px;}

/** CONTENT **/
.content {
	clear: both;
	margin: 2px 1px 10px 0;
	}
	.content .col {
		float: left;
		}
		.content .col1 {
			width: 190px;
			}
			.sous-navigation {
				margin: 30px 0 0;
				padding: 12px 16px 8px;
				background: url("../images/f_sousnav.gif") no-repeat top left;
				}
				.sous-navigation li {
					background: url("../images/i_puce-sousnav.gif") no-repeat 0 7px;
					color: white; font-size: 11px; font-weight: bold; line-height: 13px;
					padding: 5px 0 5px 13px;
					}
					.sous-navigation a {
						color: white; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 13px;
						text-transform: uppercase;
						}
						.sous-navigation ul ul {
							margin: 5px 0 0;
							}
							.sous-navigation ul ul li {
								background: url("../images/i_puce-sousnav.gif") no-repeat 0 7px;
								color: white; font-size: 11px; font-weight: bold; line-height: 13px;
								padding: 5px 0 3px 13px;
								}
								.sous-navigation ul ul a {
									color: white; font-size: 10px; font-weight: normal; text-decoration: none; line-height: 12px;
									text-transform: uppercase;
									}
				.sous-navigation li.on {
					background: url("../images/i_puce-sousnav_on.gif") no-repeat 0 7px;
					}
					.sous-navigation li.on a {
						color: black;
						}
						.sous-navigation ul ul li.on {
							background: url("../images/i_puce-sousnav_on.gif") no-repeat 0 7px;
							}
					.sous-navigation ul li.on ul li a {
						color: white;
						}
						.sous-navigation ul li.on a {
							color: black;
							}
						.sous-navigation a:hover {
							text-decoration: underline;
							}
			.sous-navigation-bas {
				margin: 0 0 20px;
				background: url("../images/f_sousnav-bas.gif") no-repeat bottom left;
				font-size: 5px;
				}
		.content .col2 {
			width: 756px;
			}
			.zone-content {
				background: url("../images/f_content-haut_pages.gif") #ffffff no-repeat top;
				clear: both;
				padding: 23px 40px;
				}
			.content-bas {
				clear: both;
				background: url("../images/f_content-bas_pages.gif") no-repeat bottom;
				height: 30px;
				}
				.content .col2 h2 {
					font-family: arial, sans-serif; font-size: 32px; color: #f99b17; font-weight: normal;
					margin: 10px 0 10px 0;
					}
				.contenu h3 {
					font-family: verdana, sans-serif; font-size: 15px; color: #41659d; font-weight: bold;
					margin: 12px 0 6px 0;
					}
				.contenu h4 {
					font-family: verdana, sans-serif; font-size: 11px; color: #faa836;
					margin: 12px 0 6px 0;
					}
				.contenu p {
					color: #38414a; font-size: 10px; line-height: 14px;
					margin: 6px 0 3px 0;
					}
					.size1 {
						font-size: 1em;
					}
					.size2 {
						font-size: 1.2em;
					}
					.size3 {
						font-size: 1.4em;
					}
				.contenu a {
					color: #61beff; text-decoration: none;
					}
					.contenu a:hover {color: #61beff; text-decoration: underline;}

				.contenu ul {
					margin: 9px 0 5px 0;
					list-style: none;
					}
					.contenu li {
						color: black; font-size: 10px; line-height: 13px;
						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;
								}
				.contenu ul.liste-soleil {
					margin: 9px 0 5px 0;
					list-style: none;
					}
					.contenu .liste-soleil li {
						color: black; font-size: 10px; line-height: 13px;
						list-style: none;
						background: url("../images/i_puce-soleil.gif") no-repeat 1px 4px;
						padding: 9px 0 5px 30px;
						}

				/** 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: 10px;
					/*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: 10px;
					/*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: 12px; font-weight: bold;
					}
				.encart p {
					color: #646cbe; font-size: 11px;
					}
				.encart a {
					}


				/** FORMULAIRE **/
				.contenu input {
					border: 1px solid #c2c2c2;
					background: #ededed;
					color: black; font-size: 11px;
					height: 19px;
					}
				.bouton {
					margin: 4px 0; 
					}
				.bouton a {
					text-align: center;
					background: #b0bac5;
					color: white; text-transform: uppercase; font-size: 11px; font-weight: bold;
					padding: 5px 11px; text-decoration: none; 
					}
					.bouton a:hover {
						background: url("../images/c_bouton-on.gif") no-repeat left top;
						text-decoration: none; color: white;
						}

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


/** FOOTER **/
.footer {
	clear: both;
	background: url("../images/f_footer.gif") no-repeat top #273d5f;
	color: #7c99b2; font-size: 11px;
	text-align: center;
	padding: 8px 0 10px 0; margin: 10px 0 0 0;
	}
	.footer a {
		color: #7c99b2; font-size: 11px;
		text-decoration: none;
		background: url("../images/f_footer.gif") no-repeat top #273d5f;
		padding: 0 2px;
		}
		.footer a:hover {
			color: white; text-decoration: underline;
			}