#pages {
	background: url("../images/f_pages.gif") repeat-x #2d4390;
	font-family: verdana, helvetica, sans-serif;
	text-align: center;
	}
	#conteneur {
		margin: 0 auto;
		width: 980px;
		text-align: left;
		background: url("../images/f_pages.jpg") no-repeat top right;
		}
		#conteneur td {
			vertical-align: top;
			}
		#conteneur td.col2 {
			width: 723px;
			}

/** HEADER **/
.header {
	margin: 32px 14px 30px 0;
	}
	.logo {
		}
		.logo a {
			display: block; width: 238px; height: 243px;
			background: url("../images/a_logo-pages.gif") no-repeat;
			text-indent: -1000px; overflow: hidden; font-size: 10px;
			}

/* VISUELS */
.visuel {
	position: absolute; top: 27px; left: 50%; margin: 0 0 0 309px;
	}
	.visuel div {
		width: 169px; height: 157px; 
		}
	.visuel1 {background: url("../images/v_pages1.png") no-repeat 0 0;}
	.visuel2 {background: url("../images/v_pages2.png") no-repeat 0 0;}
	.visuel3 {background: url("../images/v_pages3.png") no-repeat 0 0;}
	.visuel4 {background: url("../images/v_pages4.png") no-repeat 0 0;}
	.visuel5 {background: url("../images/v_pages5.png") no-repeat 0 0;}
	.visuel6 {background: url("../images/v_pages6.png") no-repeat 0 0;}

/** NAVIGATION **/
.navigation {
	}
	.navigation ul {
		clear: both;
		padding: 0 0 0 42px;
		}
		.navigation li {
			}
			.navigation li a {
				display: block;
				/*text-indent: -1000px; overflow: hidden;*/
				color: #Ffffff; text-decoration: none;
				font-size: 10px;
				margin: 0; padding: 8px 0 3px 16px;
				background: url("../images/b_puce.gif") no-repeat 0 0;
				}
				.navigation li a:hover {
					color: #70acc8;
					}
				
				/*.navigation li.b_manifestations {background: url("../images/b_manifestations.gif") no-repeat 0 0;}
				.navigation li.b_manifestations a {background: url("../images/b_manifestations.gif") no-repeat 0 0;}
					.navigation li.b_manifestations a:hover {background: url("../images/b_manifestations.gif") no-repeat 0 -27px;}
				.navigation li.b_associations {background: url("../images/b_associations.gif") no-repeat 0 0; height: 44px;}
				.navigation li.b_associations a {background: url("../images/b_associations.gif") no-repeat 0 0; height: 44px;}
					.navigation li.b_associations a:hover {background: url("../images/b_associations.gif") no-repeat 0 -44px;}
				.navigation li.b_qui {background: url("../images/b_qui.gif") no-repeat 0 0;}
				.navigation li.b_qui a {background: url("../images/b_qui.gif") no-repeat 0 0;}
					.navigation li.b_qui a:hover {background: url("../images/b_qui.gif") no-repeat 0 -27px;}
				.navigation li.b_partenaires {background: url("../images/b_partenaires.gif") no-repeat 0 0;}
				.navigation li.b_partenaires a {background: url("../images/b_partenaires.gif") no-repeat 0 0;}
					.navigation li.b_partenaires a:hover {background: url("../images/b_partenaires.gif") no-repeat 0 -27px;}
				.navigation li.b_info16 {background: url("../images/b_info16.gif") no-repeat 0 0;}
				.navigation li.b_info16 a {background: url("../images/b_info16.gif") no-repeat 0 0;}
					.navigation li.b_info16 a:hover {background: url("../images/b_info16.gif") no-repeat 0 -27px;}
				.navigation li.b_liens {background: url("../images/b_liens.gif") no-repeat 0 0;}
				.navigation li.b_liens a {background: url("../images/b_liens.gif") no-repeat 0 0;}
					.navigation li.b_liens a:hover {background: url("../images/b_liens.gif") no-repeat 0 -27px;}

				.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 **/
.col2 h1 {
	padding: 110px 0 30px 20px;
	}
.content {
	clear: both;
	width: 700px;
	background: url("../images/c_h_content.gif") no-repeat top left;
	margin: 0;
	}

	/* NAVIGATION DIVERS */
	.nav-divers {
		position: relative;
		float: right;
		margin: 5px 20px 0 0;
		}
		.nav-divers li {
			float: left;
			text-indent: -1000px; overflow: hidden;
			margin: 0 10px 0 0; 
			}
			.nav-divers li a {
				display: block; cursor: pointer;
				width: 24px; height: 24px;
				text-decoration: none;
				}
			.nav-divers li.b_contact {
				background: url("../images/i_contact.gif") no-repeat 0 0;
				}
			.nav-divers li.b_horaires {
				background: url("../images/i_horaires.gif") no-repeat 0 0;
				}

		.bloc {
			position: absolute;
			top: 38px; left: 0; margin: 0 0 0 -137px; padding: 10px;
			background: #83acca;
			}
			.bloc h5 {
				font-family: verdana, sans-serif; font-size: 10px; color: white;
				margin: 5px 0 0 0;
				width: 205px;
				}
			.bloc p {
				color: #19254f; font-size: 10px; line-height: 14px;
				margin: 0 0 0 0;
				width: 205px;
				}
			.bloc a {
				color: white; font-size: 10px; line-height: 14px; text-decoration: none;
				margin: 0 0 0s 0;
				width: 205px;
				}

	.sous-navigation {
		height: 25px;
		margin: 0; padding: 0 3px;
		}
		.content {
			clear: both;
			margin: 4px 0 0 0;
			}
		.sous-navigation li {
			float: left;
			color: #89aeca; font-size: 11px; line-height: 13px;
			padding: 3px 8px 4px 5px; margin: 0 1px;
			background: #51759d;
			}
			.sous-navigation a {
				color: #89aeca; font-size: 11px; text-decoration: none; line-height: 13px;
				text-transform: uppercase;
				}
		.sous-navigation li.on {
			background: #e2001a;
			}
			.sous-navigation li.on a {
				color: white;
				}
				.sous-navigation ul li.on a {
					color: white;
					}
				.sous-navigation a:hover {
					text-decoration: underline;
					}
			.content-bas {
				clear: both;
				background: url("../images/c_b_content.gif") no-repeat bottom left;
				height: 10px;
				}
				.contenu {
					padding: 10px 20px;
					}
				.contenu h2 {
					font-family: verdana, sans-serif; font-size: 15px; color: #0a3565; font-weight: normal;
					margin: 12px 0 6px 0;
					}
				.contenu h3 {
					font-family: verdana, sans-serif; font-size: 11px; color: #e2001a;
					margin: 12px 0 6px 0;
					}
				.contenu h4 {
					color: #0a3565; text-align: left; font-size: 10px; text-transform: uppercase;
					margin: 6px 0 3px 0;
					}
				.contenu p {
					color: #19254f; font-size: 10px; line-height: 14px;
					margin: 6px 0 3px 0;
					}
					/* Agréments textes */
					.size1 {font-size: 1em;}
					.size2 {font-size: 1.2em;}
					.size3 {font-size: 1.4em;}
					.bleu {color: #5d8fb6;}
					.rouge {color: #e2001a;}

				.contenu .spacer {
					font-size: 7px; height: 7px;
					}
				.contenu a {
					color: #e2001a; text-decoration: none;
					}
					.contenu a:hover {color: #e2001a; text-decoration: underline;}

				/* NAVIGATION FONCTIONS */
				.contenu .nav-recherche {
					margin: 14px 20px 10px 0;
					}
					.contenu .nav-recherche li {
						float: left; height: 24px;
						padding: 3px 0 0 0px; margin: 0 14px 0 0;
						}
				.contenu .nav-fonctions {
					margin: 14px 20px 10px 0;
					}
					.contenu .nav-fonctions li {
						float: left; height: 24px;
						padding: 3px 0 0 23px; margin: 0 14px 0 0;
						}
						.contenu .nav-fonctions li a {
							color: #0a3565;
							text-decoration: none; text-transform: uppercase;
							}
							.contenu .nav-fonctions li a:hover {
								color: black;
								}
						.contenu .nav-fonctions li.b_imprimer {
							background: url("../images/p_imprimer.gif") no-repeat 0 0;
							}
						.contenu .nav-fonctions li.b_envoyerami {
							background: url("../images/p_contact.gif") no-repeat 0 0;
							}
						.contenu .nav-fonctions li.b_annuaire {
							background: url("../images/p_annuaire.gif") no-repeat 0 0;
							}
						.contenu .nav-fonctions li.b_pdf {
							background: url("../images/p_pdf.gif") no-repeat 0 0;
							}
						.contenu .nav-fonctions li.b_video {
							background: url("../images/p_video.gif") no-repeat 0 0;
							}
						.contenu .nav-fonctions li.b_texte {
							background: url("../images/p_texte.gif") no-repeat 0 0;
							}
						.contenu .nav-fonctions li.b_image {
							background: url("../images/p_image.gif") no-repeat 0 0;
							}
						.contenu .nav-fonctions li.b_suivant {
							background: url("../images/p_suivant.gif") no-repeat 0 0;
							}
						.contenu .nav-fonctions li.b_precedent {
							background: url("../images/p_precedent.gif") no-repeat 0 0;
							}

				.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 0 7px;
						padding: 2px 0 4px 10px;
						}
						.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: #0a3565; text-align: left; font-size: 10px; text-transform: uppercase;
					/*border: 1px solid #e3e3e4;*/
					}
				.contenu td {
					width: auto;
					margin: 0; padding: 3px 8px 3px; border-bottom: 1px solid #dde6f4;
					color: black; font-size: 10px;
					background: #e8eaef;
					border-bottom: 2px solid white;
					}
				.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 div.picto {padding: 0; margin: 3px 0 3px 0;}
					.contenu div.picto a {display: block; height: 24px;}

				.contenu .pdf {background: url("../images/p_pdf.gif") no-repeat 0 0;}
				.contenu .imprimer {background: url("../images/p_imprimer.gif") no-repeat 0 0;}
				.contenu .annuaire {background: url("../images/p_annuaire.gif") no-repeat 0 0;}
				.contenu .contact {background: url("../images/p_contact.gif") no-repeat 0 0;}
				.contenu .video {background: url("../images/p_video.gif") no-repeat 0 0;}
				.contenu .texte {background: url("../images/p_texte.gif") no-repeat 0 0;}
				.contenu .image {background: url("../images/p_image.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;
					}


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


/** FOOTER **/
.footer {
	color: #ffffff; font-size: 10px;
	text-align: center;
	padding: 8px 0 10px 0; margin: 0;
	}
	.footer a {
		color: #ffffff; font-size: 10px;
		text-decoration: none;
		}
		.footer a:hover {
			color: white; text-decoration: underline;
			}