@charset "utf-8";
/* --------------------------------------------------------------------------------------------- Reset et styles de base */
	* {
		padding:0;
		margin:0
	}
	body {
		font-size:62.5%;
		font-family:"trebuchet ms", arial, helvetica, sans-serif;
		color:#000;
		background-repeat:repeat-x;
		background-color:#fff;
		background-image:url(../images/background/new_background.png)
	}
/* ----------------------------------------------------------------------------------- Titres */
	h2 {margin-bottom:.6em}
	h3 {margin-bottom:.5em}
	h4 {margin-bottom:.4em}
	h5,
	h6 {margin-bottom:.3em}
/* ----------------------------------------------------------------------------------- Paragraphes */
	p {
		line-height:1.6em;
		margin-bottom:1.2em
	}
/* ----------------------------------------------------------------------------------- Liens */
	a {
		color:#f5570a;
		text-decoration:none
	}
	a:hover,
	a:focus {text-decoration:underline}
	a img {border:none}
/* ----------------------------------------------------------------------------------- Listes */
	ul,
	ol {
		list-style:none;
		margin-bottom:1.2em
	}
/* ----------------------------------------------------------------------------------- Emphases */
	strong {
		font-style:normal;
		font-weight:bold
	}
	em {
		font-style:italic;
		font-weight:normal
	}
/* ----------------------------------------------------------------------------------- Autres */
	abbr,
	acronym {border-bottom:1px dotted}
	address {font-style:normal}
	kbd {
		font-size:1.2em;
		background:#e5e5e5;
		padding:0 2px;
		border:solid 1px #ccc;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999
	}
/* --------------------------------------------------------------------------------------------- Recurrent */
	.masquer,
	.contre_les_robots {
		overflow:hidden;
		position:absolute;
		top:-1000px;
		width:1px;
		height:1px
	}
/* ----------------------------------------------------------------------------------- Meta */
	p.meta {
		font-style:italic;
		color:#6b6a64
	}
/* ----------------------------------------------------------------------------------- Liens */
	a.lien_externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}
	a.lien_continuation {
		float:right;
		padding:0 24px 0 0
	}
/* ----------------------------------------------------------------------------------- Formulaire */
/* ------------------------------------------------------------------------- Champs */
	input.champ:hover {background:#faf8f6}
	input.champ:focus {background:#f3eee9}
/* ------------------------------------------------------------------------- Boutons */
	input.bouton {
		font-family:tahoma;
		font-size:1em;
		color:#fff;
		background:#4C7D0E;
		border:1px solid #4C7D0E;
		padding:1px;
		cursor:pointer;
	}
	input.bouton.secondaire {
		background:#888;
		border:1px solid #777
	}
	input.bouton:hover,
	input.bouton:focus {background:#5c9810}
	input.bouton.secondaire:hover,
	input.bouton.secondaire:focus {background:#999}
/* --------------------------------------------------------------------------------------------- Depuis editeur */
	.retour_chariot {clear:both}
/* ----------------------------------------------------------------------------------- Alignements */
	.alignement01 {text-align:left}
	.alignement02 {text-align:right}
	.alignement03 {text-align:center}
/* ----------------------------------------------------------------------------------- Espacements */
	.espacement01 {margin-bottom:0}			/* Sans espacement */
	.espacement02 {margin-bottom:2em}		/* Grand espacement */
	.espacement03 {margin-bottom:3em}		/* Très grand espacement */
/* ----------------------------------------------------------------------------------- Titres */
	#contenu h2 {
		font-size:1.4em;
		color:#333
	}
	#contenu h3 {
		font-size:1.2em;
		color:#555
	}
	#contenu h4 {
		font-size:1.1em;
		color:#666
	}
	#contenu h5,
	#contenu h6 {
		font-size:1em;
		color:#666
	}
/* ----------------------------------------------------------------------------------- Listes */
	#contenu ul,
	#contenu ol {
		overflow:hidden;
		zoom:1;
		line-height:1.6em;
		padding:0 12px
	}
	#contenu ul li {
		background:url(../images/background/puce08.gif) no-repeat left 6px;
		padding:0 0 3px 15px
	}
	#contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		padding:0 0 3px 0
	}
	#contenu ul ul,
	#contenu ol ol {	
		padding:2px 0 0 15px;
		margin:0
	}
	#contenu li li {
		background-image:url(../images/background/puce07.gif);
		padding-left:11px
	}
	#contenu ol li ol li {background:none}
/* ----------------------------------------------------------------------------------- Mise en avant */
	.mise_en_avant {
		overflow:hidden;
		zoom:1;
		background:#f0f0f0;
		padding:10px 15px 0 15px;
		margin:0 0 1.2em 0
	}
	p.mise_en_avant {padding-bottom:10px}
/* ----------------------------------------------------------------------------------- Zone contextuelle */
	div.zone_contextuelle {
		float:right;
		width:170px;
		background:#f0f0f0;
		padding:10px 10px 0 10px;
		margin:0 0 10px 10px
	}
/* ----------------------------------------------------------------------------------- Citations */
	q {
		font-style:italic;
		quotes: "« " " »";
		background:#f4f4f4;
		padding:0 2px
	}
	blockquote {
		overflow:hidden;
		zoom:1;
		line-height:1.5em;
		background:#f7f6f3 url(../images/background/citation.gif) no-repeat 98% 8px;
		padding:10px 45px 10px 15px;
		margin:0 0 1.2em 0
	}
	blockquote p {margin-bottom:0}
/* ----------------------------------------------------------------------------------- Object */
	div.object-left,
	div.object-right,
	div.object-center {margin:0 0 1.2em 0}
	div.object-left {
		float:left;
		margin-right:10px
	}
	div.object-right {
		float:right;
		margin-left:10px
	}
	div.object-center {text-align:center}
/* ----------------------------------------------------------------------------------- Images */
	div.image {margin:0 0 6px 0}
	div.image img {
		vertical-align:top;
		margin:0 0 1px 0
	}
/* ------------------------------------------------------------------------- Légendes et copyright */
	div.image p {
		line-height:1.3em;
		text-align:left;
		font-size:.9em;
		color:#666;
		padding:2px 0 0 0
	}
	div.object-center div.image p {margin:0 auto}
	div.image p span {
		display:block;
		padding:0 5px;
		margin:0 auto
	}
	div.image p span em {
		font-style:normal;
		color:#000
	}
	div.image p span abbr {border:0}
/* ----------------------------------------------------------------------------------- Fichiers en téléchargement */
	a.fichier {
		background-repeat:no-repeat;
		background-position:left 4px;
		padding:2px 0 1px 24px
	}
	a.pdf {background-image:url(../images/background/pdf.gif)}
	a.msword {background-image:url(../images/background/msword.gif)}
	a.ms-excel {background-image:url(../images/background/ms-excel.gif)}
	a.text {background-image:url(../images/background/text.gif)}
	a.spreadsheet {background-image:url(../images/background/spreadsheet.gif)}
	a.plain {background-image:url(../images/background/plain.gif)}
	a.fichier span {
		font-size:.9em;
		color:#666
	}
	a.fichier span abbr {border:0}
/* ----------------------------------------------------------------------------------- Tableaux de données */
	#contenu table {
		width:100%;
		border-collapse:collapse;
		margin:0 0 1.2em 0
	}
	table.tableau_donnees {border-top:1px solid #ccc}
	table.tableau_donnees p {margin-bottom:0}
	table.tableau_donnees caption {
		text-align:left;
		font-weight:bold;
		color:#555;
		padding:0 0 4px 0
	}
	table.tableau_donnees tr th {
		background:#f0f0f0;
		border-bottom:1px solid #ccc;
		padding:.4em
	}
	table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dashed #ccc;
		padding:.5em .4em
	}
	table.tableau_donnees tr.alterne td {background-color:#f7f7f7}
	table.tableau_donnees tr.survol td {background-color:#efefef}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		position:relative;
		width:989px;
		font-size:1.2em;
		margin:0 auto
	}
/* ----------------------------------------------------------------------------------- Entête */
	#entete {
		overflow:hidden;
		zoom:1;
		background:#f5570a url(../images/background/new_header.png) no-repeat;
		padding:3px 14px 9px 15px
	}
/* ------------------------------------------------------------------------- Logo */
	#entete h1 {
		float:right;
		margin:0 10px 0 0
	}
	#entete h1 img {vertical-align:middle}
/* ------------------------------------------------------------------------- Accès rapide */
	#acces_rapide {
		float:left;
		color:#fff;
		padding:0 0 0 205px;
		margin:0 0 52px 0
	}
	#acces_rapide li {
		display:inline;
		margin:0 3px 0 0
	}
	#acces_rapide li a,
	#acces_rapide li strong {
		color:#fff;
		margin:0 3px 0 0
	}
	#acces_rapide li img {
		vertical-align:middle;
		margin:0 0 0 .3em
	}
	#acces_rapide li.deconnexion {
		position:absolute;
		top:5px;
		left:20px
	}
	#acces_rapide li.deconnexion a {
		color:#ff0000;
		background:#fff;
		padding:0 5px;
		margin:0 0 0 10px
	}
/* ------------------------------------------------------------------------- Choix de la langue */
	#choix_langue {
		overflow:hidden;
		zoom:1;
		color:#fff;
		padding:0 0 0 40px
	}
	#choix_langue a {color:#fff}
/* ------------------------------------------------------------------------- Recherche */
	#recherche {
		display:inline;
		float:left;
		background:#fff url(../images/background/recherche.png) no-repeat;
		padding:2px 8px 10px 11px;
		margin:0 26px 0 214px	
	}
	#recherche input {vertical-align:middle}
	#recherche_champ {
		width:132px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.9em;
		font-weight:normal;
		font-style:italic;
		color:#777;
		border:none;
		background:none
	}
	#recherche_champ:focus {outline-color:#fff}
	#recherche_bouton {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		color:#0a468c;
		border:none;
		background:none;
		cursor:pointer
	}
/* ------------------------------------------------------------------------- Contact */
	#contact {
		float:left;
		font-size:.9em;
		line-height:1.4em;
		margin:0
	}
	#contact a {
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#4c4c4c;
		background:#fff url(../images/background/contact.png) no-repeat;
		padding:6px 31px 8px 6px
	}
/* ------------------------------------------------------------------------- Têtière */
	#tetiere img {
		display:none;
		vertical-align:middle;
		margin:10px 0 0 0;
	}
/* ----------------------------------------------------------------------------------- Navigation 01 (horizontale) */
	#navigation01 {
		overflow:hidden;
		zoom:1;
		font-size:1.2em;
		font-weight:bold;
		background:#f5570a url(../images/background/navigation01.png) no-repeat;
		padding:9px 0 7px 0;
		margin:0 15px;
		border-top: 1px solid white;
	}
	#navigation01 li {display:inline}
	#navigation01 li a,
	#navigation01 li strong {
		float:left;
		color:#fff;
		background:url(../images/background/navigation01_a.png) no-repeat;
		margin:0 11px 0 0;
	}
	#navigation01 li strong {font-style:italic}
	#navigation01 li.noeud01 a,
	#navigation01 li.noeud01 strong {margin-left:220px}
	#navigation01 li a span,
	#navigation01 li strong span {
		display:block;
		background:url(../images/background/navigation01_span.png) no-repeat right top;
		padding:7px 15px 10px 15px;
		cursor:pointer
	}
	#navigation01 li strong span {cursor:text}
/* ----------------------------------------------------------------------------------- Principal */
	#principal {
		overflow:hidden;
		zoom:1;
		background:url(../images/background/principal.gif) repeat-y right top;
		padding:20px 24px 20px 0;
		margin:0 7px 0 15px
	}
/* ------------------------------------------------------------------------- Colonne 01 (gauche) */
	#colonne01 {
		float:left;
		width:200px;
		padding:10px 0 0 0
	}
	#colonne01 h2 {
		font-size:1.1em;
		color:#fff;
		background:#777;
		padding:5px 11px 5px 11px;
		margin:0
	}
/* --------------------------------------------------------------- Navigation 02 (vertical) */
/* ----------------------------------------------------- Premier niveau */
	.navigation02 {
		font-size:1.1em;
		background:#f5570a url(../images/background/navigation02.png) repeat-y;
		margin:0 0 25px 0
	}
	.navigation02 li {
		zoom:1;
		background:url(../images/background/navigation02_li.png) no-repeat left bottom
	}
	.navigation02 li:last-child {background:none}
	.navigation02 a,
	.navigation02 strong {
		display:block;
		zoom:1;
		color:#fff;
		padding:.4em 12px .6em 12px
	}
	.navigation02 li strong,
	.navigation02 li a.selectionne {
		background-color:#777;
		margin-top:.3em;
		margin-bottom:.3em
	}
	.navigation02 li strong {margin-top:0}
/* ----------------------------------------------------- Second niveau */
	.navigation02 ul {
		padding:0 0 8px 0;
		margin:-3px 0 0 0
	}
	.navigation02 li li {background:none}
	.navigation02 li li a,
	.navigation02 li li strong {
		background:url(../images/background/navigation02_a.gif) no-repeat 20px 12px;
		padding:.2em 12px .2em 32px
	}
	/*.navigation02 li li strong {font-size:1.1em}*/
/* --------------------------------------------------------------- Accès rapide */
	#colonne01 h2.acces_rapide {
		color:#0177b7;
		background:#ececec url(../images/background/acces_rapide.gif) repeat-y right top;
		padding-top:12px;
		padding-bottom:2px
	}
	ul.acces_rapide {
		background:#ececec url(../images/background/acces_rapide.gif) repeat-y right top;
		padding:8px 0 10px 0;
		margin:0 0 2em 0
	}
	ul.acces_rapide li a,
	ul.acces_rapide li strong {
		display:block;
		zoom:1;
		color:#202020;
		background:url(../images/background/puce02.gif) no-repeat 13px 9px;
		padding:3px 10px 3px 28px
	}
/* --------------------------------------------------------------- Liens */
	ul.liens {
		padding:10px 0 0 0;
		margin:0
	}
	ul.liens li {margin:0 0 5px 0}
	ul.liens li img {vertical-align:middle}
/* ------------------------------------------------------------------------- Contenu */
	#contenu {
		float:left;
		width:723px;
		padding:0 0 0 20px
	}
	#contenu a {text-decoration:underline}
	#contenu a:hover,
	#contenu a:focus {text-decoration:none}
/* --------------------------------------------------------------- Fil d'ariane */
	#fil_ariane {
		color:#777;
		margin-bottom:1em
	}
	#fil_ariane a {
		color:#777;
		text-decoration:none
	}
	#fil_ariane a:hover,
	#fil_ariane a:focus {text-decoration:underline}
/* --------------------------------------------------------------- Contenu 01 (gauche) */
	#contenu01 {
		overflow:hidden;
		float:left;
		width:475px;
		padding:0 21px 0 0
	}
/* --------------------------------------------------------------- H1 */
	#contenu h1 {
		font-size:1.9em;
		color:#f5570a;
		margin:0 0 .5em 0
	}
	#contenu h1 span {
		display:block;
		font-size:.7em;
		color:#666;
		margin:2px 0 0 0
	}
/* --------------------------------------------------------------- H2 (habillage) */
	#contenu h2.habillage01 {
		clear:both;
		font-size:1.8em;
		border-bottom:2px solid;
		margin:0 0 1em 0
	}
	#contenu h2.habillage01 span {
		position:relative;
		top:8px;
		background:#fff;
		padding:0 5px 0 0
	}
	#contenu h2.habillage01.couleur01 {color:#599310}
	#contenu h2.habillage01.couleur02 {color:#931476}
	#contenu h2.habillage01.couleur03 {color:#dd001a}
/* --------------------------------------------------------------- Introduction */
	p.introduction {
		font-weight:bold;
		margin:0 0 1.2em 0
	}
/* --------------------------------------------------------------- Brèves */
	#contenu h3.breve {font-size:1.1em}
	#contenu h3.breve a {
	 	color:#599310;
	 	text-decoration:none
	 }
	 #contenu h3.breve a:hover,
	 #contenu h3.breve a:focus {text-decoration:underline}
/* --------------------------------------------------------------- Vue line */
	div.vue_line {
		clear:both;
		overflow:hidden;
		zoom:1;
		border-bottom:1px dashed #e5e5e5;
		padding:0 0 .7em 0;
		margin:0 0 .7em 0
	}
	div.evenement {clear:left}
	div.vue_line img {
		float:left;
		margin:0 10px 0 0
	}
	div.vue_line p.meta {margin-bottom:5px}
	#contenu div.vue_line a {text-decoration:none}
	#contenu div.vue_line a:hover,
	#contenu div.vue_line a:focus {text-decoration:underline}
	#contenu div.vue_line h2 a,
	#contenu div.vue_line h3 a {color:#000}
	div.vue_line h2 span,
	div.vue_line h3 span {font-size:.8em}
	div.vue_line a.lien_continuation {
		font-weight:bold;
		color:#4C7D0E;
		background:url(../images/background/puce03.gif) no-repeat right 6px
	}
/* --------------------------------------------------------------- Sondage */
	fieldset.question_sondage {
		clear:both;
		border:0;
		border-bottom:1px dashed #ccc;
		padding:0 0 7px 0;
		margin:0 0 7px 0
	}
	fieldset.question_sondage legend {
		font-size:1.4em;
		font-weight:bold;
		color:#333;
		margin-bottom:7px
	}
	fieldset.question_sondage legend span {
		display:block;
		width:720px;
		white-space:normal
	}
	fieldset.question_sondage div {
		clear:both;
		padding:0 0 0 20px;
		margin:0 0 5px 0
	}
	fieldset.question_sondage input {
		float:left;
		width:13px;
		height:13px;
		margin:0 4px 0 0
	}
/* --------------------------------------------------------------- FAQ */
	#contenu h2.question {font-size:1.2em}
	#contenu h2.question a {
		color:#000;
		text-decoration:none
	}
	#contenu h2.question a:hover,
	#contenu h2.question a:focus {text-decoration:underline}
/* --------------------------------------------------------------- Fiches */
/* ----------------------------------------------------- Listing des fiches */
	#contenu ul.onglets {
		overflow:hidden;
		zoom:1;
		line-height:normal;
		padding:0
	}
	#contenu ul.onglets li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	#contenu ul.onglets li a {
		position:relative;
		display:block;
		float:left;
		width:163px;
		height:80px;
		line-height:1.6em;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		background:#e7e7e7;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		padding:8px
	}
	#contenu ul.onglets li a img {
		float:left;
		margin:0 8px 0 0
	}
	#contenu ul.onglets li a span {
		position:absolute;
		bottom:8px;
		right:8px;
		display:block;
		text-align:right;
		font-weight:normal;
		color:#f5570a;
		text-decoration:underline
	}
	#contenu ul.onglets li a:hover,
	#contenu ul.onglets li a:focus {background:#f1f1f1}
	#contenu ul.onglets li a:hover span,
	#contenu ul.onglets li a:focus span {text-decoration:none}
	/* Fiche selectionne */
	#contenu ul.onglets li.ui-tabs-selected a {
		filter:alpha(opacity=30);
		-moz-opacity:0.30;
		background-image:none;
		background-color:#f4f4f4;
		cursor:text
	}
	#contenu ul.onglets li.ui-tabs-selected a span {display:none}
/* ----------------------------------------------------- Fiche */
	#fiche {
		overflow:hidden;
		zoom:1;
		background:#e7e7e7;
		padding:15px;
		margin:0 0 1.2em 0
	}
	div.ui-tabs-hide {display:none}
	div.fiche {clear:both}
	div.fiche img {
		float:left;
		margin:0 20px 0 0
	}
/* --------------------------------------------------------------- Commentaires */
	#commentaires {
		clear:both;
		overflow:hidden;
		padding:30px 0 20px 0
	}
	#commentaires h2 {margin-bottom:10px}
	div.commentaire em {
		float:right;
		margin-top:-20px
	}
	div.commentaire blockquote strong {font-style:normal}
/* --------------------------------------------------------------- Agenda */
	#conteneur_calendrier {
		float:right;
		width:180px;
		background:#fff;
		padding:0 0 0 10px;
		margin:0 0 10px 20px
	}
/* ----------------------------------------------------- Calendrier */
	#calendrier {
		overflow:hidden;
		zoom:1;
		border:1px dotted #404040;
		background:#eee;
		padding:8px 4px;
		margin:0 0 1.2em 0
	}
	#calendrier a:hover,
	#calendrier a:focus {text-decoration:overline}
/* ----------------------------------------------------- Navigation mois par mois */
	#calendrier #navigation_mois {
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		color:#333;
		padding:0 0 5px 0;
		margin-bottom:0
	}
	#calendrier #navigation_mois li {
		display:block;
		float:left;
		width:15%;
		background:none;
		padding:0;
		margin:0
	}
	#calendrier #navigation_mois li a {color:#f5570a}
	#calendrier #navigation_mois #mois_courant {width:69%}
/* ----------------------------------------------------- Tableau */
	#calendrier table {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
		text-align:center
	}
/* ------------------------------------------- Jours de la semaine */
	#calendrier table tr th {
		color:#fff;
		background:#828282;
		padding:2px 0
	}
	#calendrier table tr th abbr {border:0}
/* ------------------------------------------- Cellule de tableau */
	#calendrier table tr td {padding:4px 0}
	#calendrier table tr td a {
		color:#f5570a;
		font-weight:bold
	}
/* ------------------------------------------- Jour selectionne */
	#calendrier table tr td.jour_selectionne a {
		display:block;
		background:#f5570a;
		color:#fff;
		cursor:text;
		text-decoration:none;
		padding:2px 0
	}
	#calendrier table tr td.jour_selectionne a:hover,
	#calendrier table tr td.jour_selectionne a:focus {text-decoration:none}
/* ------------------------------------------- Jour "J" */
	#calendrier table tr td.jour_j {
		font-weight:bold;
		color:#000
	}
	#calendrier table tr td.jour_j a {color:#f5570a}
	#calendrier table tr td.jour_j.jour_selectionne a {color:#fff}
/* --------------------------------------------------------------- Galeries */
/* ----------------------------------------------------- Theme */
	div.theme {
		clear:both;
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:10px
	}
	div.theme img {
		border:2px solid #fff;
		margin:10px
	}
/* ----------------------------------------------------- Lien voir le thème */
	div.voir_theme {
		text-align:right;
		font-weight:bold;
		padding:0 0 20px 0
	}
	div.voir_theme a {
		float:right;
		background:#e8e8e8;
		padding:4px 10px
	}	
/* ----------------------------------------------------- Diaporama */
/* ------------------------------------------- Ancienne */
	#diaporama {
		clear:both;
		overflow:hidden;
		zoom:1;
		margin-top:10px
	}
	#diaporama a.lightbox {text-decoration:none}
	#diaporama a.lightbox img {
		border:1px solid #ccc;
		padding:5px;
		margin:0 30px 20px 0
	}
	#diaporama a.lightbox:hover img,
	#diaporama a.lightbox:focus img {background:#e4e4e4}
/* ------------------------------------------- Nouvelle */
	#contenu ul#gallery,
	#contenu .extrait ul.apercu {
		clear:both;
		padding:1em 0 0 0;
		margin:0;
	}
	#contenu ul#gallery li,
	#contenu .extrait ul.apercu li {
		display:inline;
		background:none;
		padding:0;
		margin:0;
	}
	.extrait ul.apercu li img {
		float:none;
		vertical-align:top;
		margin:0 3em 0 0
	}
	.extrait ul.apercu div {
		float:left;
		margin:0 3em 0 0
	}
	#contenu .extrait div.navigation {padding-bottom:0}
	ul#gallery li a {text-decoration:none}
	ul#gallery li img {
		vertical-align:bottom;
		border:.1em solid #e8e8e8;
		padding:.8em;
		margin:0 2em 2em 0
	}
	ul#gallery li a:hover img,
	ul#gallery li a:focus img,
	ul#gallery li a:active img {background:#e8e8e8}
/* ----------------------------------------------------- Ecard */
	#ecard {
		clear:both;
		overflow:hidden;
		zoom:1
	}
	#ecard01 {
		overflow:hidden;
		zoom:1
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:20px 0 10px 0;
		margin:0 0 1.2em 0
	}
/* --------------------------------------------------------------- Plan du site */
	#plan_site li a {text-decoration:none}
	#plan_site li a:hover,
	#plan_site li a:focus {text-decoration:underline}
/* ----------------------------------------------------- Premier niveau */
	#contenu #plan_site {padding-left:60px}
	#contenu #plan_site li {
		background:url(../images/background/suivant.gif) no-repeat left 5px;
		padding-left:22px;
		margin:0 0 .5em 0
	}
	#contenu #plan_site li h2 {font-size:1.4em}
/* ----------------------------------------------------- Second niveau */
	#contenu #plan_site li ul {font-size:1.1em}
	#contenu #plan_site li ul li {
		background:url(../images/background/puce05.gif) no-repeat left 9px;
		padding-left:13px;
		margin-bottom:.3em
	}
	#contenu #plan_site li ul li a {color:#666}
/* ----------------------------------------------------- Autres niveaux */
	#contenu #plan_site li ul li ul {
		font-size:.9em;
		margin-top:.2em
	}
	#contenu #plan_site li ul li ul li {background:url(../images/background/puce07.gif) no-repeat left 8px}
	#contenu #plan_site li ul li ul li {margin-bottom:1px}
/* --------------------------------------------------------------- Navigation */
	div.navigation {padding:10px 0}
	div.navigation a.precedent {
		background:url(../images/background/retour.gif) no-repeat left 2px;
		padding-left:17px
	}
	div.navigation a.suivant {
		float:right;
		background:url(../images/background/suivant.gif) no-repeat right 2px;
		padding-right:17px
	}
/* --------------------------------------------------------------- Pagination */
	#contenu ul.pagination,
	#contenu ol.pagination {padding:1em 0 0 0}
	#contenu ul.pagination li,
	#contenu ol.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 1em .5em 0
	}
	#contenu ol.pagination li {
		list-style-position:outside;
		list-style-type:none
	}
	#contenu div.mise_en_avant ol.pagination li {
		font-size:.9em;
		margin-right:7px
	}
	#contenu .pagination li a,
	#contenu .pagination li span,
	#contenu .pagination li strong {
		display:block;
		float:left;
		border:1px solid #f5570a;
		padding:.1em .7em;
		text-decoration:none
	}
	#contenu .pagination li a {
		color:#fff;
		background:#f5570a
	}
	#contenu .pagination li a:hover,
	#contenu .pagination li a:focus,
	#contenu .pagination li span,
	#contenu .pagination li strong {
		color:#f5570a;
		background:#fff
	}
/* --------------------------------------------------------------- Partage */
	#contenu #partage {
		clear:both;
		padding:1em 0
	}
	#contenu #partage li {
		display:inline;
		background:none;
		padding:0;
		margin:0 1em 0 0
	}
	#contenu #partage li a {text-decoration:none}
/* --------------------------------------------------------------- Outils */
	#contenu #outils {
		clear:both;
		font-size:.9em;
		background:#e1e4c9;
		padding:.5em;
		margin:1em 0
	}
	#contenu #outils li {
		display:inline;
		background:none;
		padding:0
	}
	#outils li a {
		color:#000;
		background-repeat:no-repeat;
		background-position:left 11px;
		text-decoration:none;
		padding:7px 0 4px 21px;
		margin:0 55px 0 0
	}
	#outils li a:hover,
	#outils li a:focus {text-decoration:underline}
	#outils li #imprimer {background-image:url(../images/background/imprimer.gif)}
	#outils li #enregistrer_pdf {background-image:url(../images/background/enregistrer_pdf.gif);}
	#outils li #faire_suivre {background-image:url(../images/background/envoyer_page.gif)}
	#outils li #haut_page {
		background-image:url(../images/background/haut_page.gif);
		margin-right:0
	}
/* --------------------------------------------------------------- Contenu 02 (droite) */
	#contenu02 {
		float:left;
		width:227px
	}
	#contenu02 a {text-decoration:none}
	#contenu02 a:hover,
	#contenu02 a:focus {text-decoration:underline}
/* ----------------------------------------------------- Boîte */
	div.boite01 {
		overflow:hidden;
		zoom:1;
		border:1px dotted #404040;
		background:url(../images/background/boite01.gif) repeat-x left top;
		padding:.5em 8px 0 8px;
		margin:0 0 15px 0
	}
/* ------------------------------------------- H2 */
	#contenu02 div.boite01 h2 {
		font-size:1.6em;
		font-weight:normal;
		color:#323232;
		margin:0 0 7px 0
	}
/* ------------------------------------------- Liens */
	#contenu div.boite01 a {
		color:#323232;
		text-decoration:underline
	}
	#contenu div.boite01 a:hover,
	#contenu div.boite01 a:focus {text-decoration:none}
/* ------------------------------------------- Images */
	#contenu02 div.boite01 img {
		border:1px solid #a6a6a6;
		vertical-align:middle
	}
/* ------------------------------------------- Flux RSS */
	#contenu02 div.boite01 a.flux_rss img {
		float:right;
		border:0;
		margin:-32px -5px 0 0
	}
/* ------------------------------------------- Lien de continuation */
	#contenu02 div.boite01 p.lien_continuation {
		text-align:right;
		padding:5px 0 0 0;
		margin:0
	}
	#contenu02 div.boite01 p.lien_continuation a {
		font-weight:bold;
		background:url(../images/background/puce04.gif) no-repeat right center;
		padding:0 23px 0 0;
		text-decoration:none
	}
	#contenu02 div.boite01 p.lien_continuation a:hover,
	#contenu02 div.boite01 p.lien_continuation a:focus {text-decoration:underline}
/* ------------------------------------------- Agenda */
	div.agenda {
		overflow:hidden;
		zoom:1;
		margin:0 0 1.5em 0
	}
	div.agenda img {
		float:left;
		margin:0 10px 0 0
	}
	#contenu02 div.agenda h3 {
		font-size:1.1em;
		margin:0
	}
	#contenu02 div.agenda h3 a {color:#f5570a}
	div.agenda span,
	span.theme {
		color:#fff;
		background:#599310;
		padding:0 5px
	}
	div.agenda p {margin:2px 0 0 0}
	div.agenda p.date {margin:0 0 5px 0}
	#contenu div.agenda a {text-decoration:none}
	#contenu div.agenda a:hover,
	#contenu div.agenda a:focus {text-decoration:underline}
/* ------------------------------------------- Journal municipal */
	#contenu02 #journal_municipal div.object-left {margin-bottom:0}
	#contenu02 #journal_municipal img {border:0}
	#journal_municipal ul {
		overflow:hidden;
		padding:0
	}
	#journal_municipal ul li {
		background:url(../images/background/puce05.gif) no-repeat left 6px;
		padding:0 0 0 12px;
		margin:0 0 3px 0
	}
	#contenu #journal_municipal ul li a {text-decoration:none}
	#contenu #journal_municipal ul li a:hover,
	#contenu #journal_municipal ul li a:focus {text-decoration:underline}
	#contenu #journal_municipal p {margin:0}
/* ------------------------------------------- Liens image */
	#contenu div.boite01 a.lien_image {
		display:block;
		text-align:right;
		color:#fff;
		border:1px solid #a7a7a7;
		background-repeat:no-repeat;
		padding:36px 0 0 0;
		margin:0 0 8px 0
	}
	a.lien_image span {
		background:#4d4d4d url(../images/background/puce06.gif) no-repeat right center;
		padding:0 25px 0 6px
	}
	a.lien_image:hover span,
	a.lien_image:focus span {text-decoration:underline}
	#newsletter {background-image:url(../images/background/newsletter.jpg)}
	#espace_presse {background-image:url(../images/background/espace_presse.jpg)}
/* ------------------------------------------- Contact */
	div.boite01 div.contact {
		/*background:url(../images/background/puce08.gif) no-repeat left 5px;
		padding:0 0 0 11px*/
	}
/* ------------------------------------------- Téléchargements */
	#contenu #telechargements {padding:0}
	#contenu #telechargements li {
		background:none;
		padding:0;
		margin:0 0 5px 0
	}
	#contenu #telechargements li a.formulaire {
		background:url(../images/background/puce08.gif) no-repeat 7px 5px;
		padding:0 0 0 22px
	}
/* ------------------------------------------- Nuage de tags */
	div.boite01 #nuage_tags {padding:5px 0 0 0}
	div.boite01 #nuage_tags li {
		display:inline;
		line-height:1.7em;
		background:none;
		padding:0;
		margin:0 5px 0 0
	}
/* ------------------------------------------- Carte interactive */
	div.boite01 a img {margin-bottom:8px}
/* ----------------------------------------------------------------------------------- Pied de page */
	#pied_page {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		background:url(../images/background/principal.gif) repeat-y right top;
		padding:0 8px 0 216px;
		margin:0 7px 0 0
	}
	#pied_page div {
		overflow:hidden;
		zoom:1;
		background:#f5570a;
		padding:.5em 45px .5em 125px
	}
	#pied_page a {color:#fff}
/* ------------------------------------------------------------------------- Liste de liens */
	#pied_page ul {
		text-align:center;
		margin:0
	}
	#pied_page ul li {
		display:inline;
		margin:0 15px 0 0
	}
	#pied_page ul li a,
	#pied_page ul li strong {margin:0 15px 0 0}
/* ------------------------------------------------------------------------- Copyright */
	#pied_page p {
		float:right;
		line-height:normal;
		margin:0
	}
	#pied_page abbr {border:0}
/* ----------------------------------------------------------------------------------- carto */	
	div.LabeledMarker_markerLabel {
		color:white;
		text-align:center;
		background-color:purple;
		padding:2px;
		white-space:nowrap
	}
	#listing {
		overflow-y:scroll;
		float:right;
		width:220px;
		height:450px;
		margin:0 0 15px 0
	}
	#map.map01 {
		float:left;
		width:503px;
		height:450px;
		text-align:left;
		margin-bottom:15px
	}
	#map.map01.sans-js {
		width:100%;
		height:auto
	}
	#map.map02 {
		width:723px;
		height:450px;
		margin-bottom:15px
	}
	div.carte_google {
		margin-top: 1em;
		border: none;
		width: 475px;
		height: 270px;
		margin-left: 5px;
	}

#contenu02 div.boite01 img.external {
		border: 0px;
	}
