@charset "utf-8";
/* --------------------------------------------------------------------------------------------- Reset et styles de base */
	* {
		padding:0;
		margin:0
	}
	body {
		font-size:62.5%;
		font-family:arial, helvetica, sans-serif;
		color:#000;
		background:#65cce1;
		padding:0 0 10px 0
	}
/* ----------------------------------------------------------------------------------- Titres */
	h2 {margin-bottom:7px}
	h3 {margin-bottom:6px}
	h4 {margin-bottom:4px}
	h5,
	h6 {margin-bottom:2px}
/* ----------------------------------------------------------------------------------- Paragraphes */
	p {
		line-height:1.5em;
		margin-bottom:10px
	}
/* ----------------------------------------------------------------------------------- Liens */
	a {color:#0173a7}
	a:hover,
	a:focus {text-decoration:none}
	a img {border:none}
/* ----------------------------------------------------------------------------------- Listes */
	ul,
	ol {
		list-style:none;
		margin-bottom:10px
	}
/* ----------------------------------------------------------------------------------- Emphases */
	strong {
		font-style:normal;
		font-weight:bold
	}
	em {
		font-style:italic;
		font-weight:normal
	}
/* ----------------------------------------------------------------------------------- Autres */
	abbr,
	acronym {
		border-bottom:1px dotted;
		cursor:help
	}
	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 {
		position:absolute;
		top:-1000px;
		width:1px;
		height:1px;
		overflow:hidden;
	}
/* ----------------------------------------------------------------------------------- Meta */
	p.meta {
		font-style:italic;
		color:#555;
		margin-bottom:5px
	}
/* ----------------------------------------------------------------------------------- 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;
		font-weight:bold;
		color:#f39910;
		background:url(../images/background/puce03.gif) no-repeat left 4px;
		padding:0 0 0 10px;
		text-decoration:none
	}
	a.lien_continuation:hover,
	a.lien_continuation:focus {text-decoration:underline}
/* ----------------------------------------------------------------------------------- Formulaire */
/* ------------------------------------------------------------------------- Champs */
	input.champ:hover {background:#f7fcfd}
	input.champ:focus {background:#effbfd}
/* ------------------------------------------------------------------------- Boutons */
	input.bouton {
		font-family:tahoma;
		font-size:1em;
		color:#fff;
		background:#0173a7;
		border:1px solid #0173a7;
		padding:1px;
		cursor:pointer
	}
	input.bouton.secondaire {
		background:#888;
		border:1px solid #777
	}
	input.bouton:hover,
	input.bouton:focus {border-color:#fff}
	input.bouton.secondaire:hover,
	input.bouton.secondaire:focus {background:#999}
/* ----------------------------------------------------------------------------------- Paragraphe en rouge */
	.rouge {color: #FF0000}
/* --------------------------------------------------------------------------------------------- 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:20px}		/* Grand espacement */
	.espacement03 {margin-bottom:30px}		/* Très grand espacement */
/* ----------------------------------------------------------------------------------- Titres */
	#contenu h2 {
		font-size:1.5em;
		color:#859609
	}
	#contenu h3 {
		font-size:1.2em;
		color:#444
	}
	#contenu h4 {
		font-size:1.1em;
		color:#333
	}
	#contenu h5,
	#contenu h6 {font-size:1em}
/* ----------------------------------------------------------------------------------- Listes */
	#contenu ul,
	#contenu ol {
		overflow:hidden;
		line-height:1.6em;
		height:100%;
		padding:0 12px
	}
	#contenu ul li {
		background:url(../images/background/puce.gif) no-repeat left 6px;
		padding:0 0 2px 11px
	}
	#contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		padding:0 0 2px 0
	}
	#contenu ul li ul, #contenu ol li ol {	
		padding:2px 0 0 15px;
		margin:0
	}
/* ----------------------------------------------------------------------------------- Mise en avant */
	.mise_en_avant {
		overflow:hidden;
		height:100%;
		background:#fff8d2;
		padding:8px 10px 0 10px;
		margin:0 0 10px 0
	}
	p.mise_en_avant {padding-bottom:10px}
/* ----------------------------------------------------------------------------------- Citations */
	q {
		font-style:italic;
		quotes: "« " " »";
		background:#f4f4f4;
		padding:0 2px
	}
	blockquote {
		overflow:hidden;
		height:100%;
		line-height:1.5em;
		font-style:italic;
		background:#f7f6f3 url(../images/background/citation.gif) no-repeat 98% 8px;
		padding:5px 45px 5px 5px;
		margin:0 0 10px 0
	}
	blockquote p {margin-bottom:0}
/* ----------------------------------------------------------------------------------- Object */
	div.object-left,
	div.object-right,
	div.object-center {margin:0 0 10px 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:normal;
		text-align:left;
		font-size:.9em;
		color:#fff;
		background:#777;
		padding:2px 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 abbr {border:0}
/* ----------------------------------------------------------------------------------- Fichiers en téléchargement */
	a.fichier {
		background-repeat:no-repeat;
		background-position:left top;
		padding:2px 0 1px 22px
	}
	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
	}
/* ----------------------------------------------------------------------------------- Tableaux de données */
	table.tableau_donnees {
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 10px 0
	}
	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:#fff8d2;
		border-bottom:1px solid #ccc;
		padding:4px
	}
	table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dashed #ccc;
		padding:6px 4px
	}
	table.tableau_donnees tr.alterne td {background-color:#f7f7f7}
	table.tableau_donnees tr.survol td {background-color:#efefef}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		overflow:hidden;
		width:948px;
		font-size:1.1em;
		background:#fff;
		padding:0 20px 15px 20px;
		margin:0 auto
	}
/* ----------------------------------------------------------------------------------- Top */
	#top {
		overflow:hidden;
		height:100%;
		font-size:1.2em;
		color:#0173a7;
		border-bottom:1px solid #0187c4;
		background:url(../images/background/top.gif) no-repeat right bottom;
		padding:15px 10px 0 0;
		margin:0 0 14px 0
	}
/* ------------------------------------------------------------------------- Recherche */
	#top form {
		position:relative;
		margin-top:-4px;
		float:right
	}
	#top form label {
		float:left;
		line-height:1.5em;
		margin:0 8px 0 0
	}
	#top form input.champ {
		float:left;
		width:105px;
		color:#0173a7;
		border:1px solid #0187c4;
		padding:1px 0 1px 4px
	}
	#top form input.bouton {
		float:left;
		padding-top:0;
		padding-bottom:0
	}
	* html #top form input.bouton {
		font-size:.9em;
		padding-top:1px
	}
	*+html #top form input.bouton {
		font-size:.9em;
		padding-top:1px
	}
/* ------------------------------------------------------------------------- Accès rapide */
	#acces_rapide {
		float:left;
		background:url(../images/background/top.gif) no-repeat left bottom;
		padding:0 0 0 14px;
		margin-bottom:0
	}
	#acces_rapide li {
		display:inline;
		float:left;
		background:url(../images/background/top.gif) no-repeat right bottom;
		padding:0 0 3px 0;
		margin:0 14px 0 0
	}
	#acces_rapide li a,
	#acces_rapide li strong {
		margin:0 15px 0 0;
		text-decoration:none
	}
	#acces_rapide li #flux_rss {
		background:url(../images/background/flux_rss.gif) no-repeat left center;
		padding-left:24px
	}
	#acces_rapide li a:hover,
	#acces_rapide li a:focus {
		color:#000;
		text-decoration:underline
	}
/* ------------------------------------------------------------------------- Choix langue */
	#choix_langue {
		float:left;
		background:url(../images/background/top.gif) no-repeat right bottom;
		padding:3px 14px 0 0;
		margin-bottom:0
	}
	#choix_langue li {display:inline}
	#choix_langue li img {vertical-align:top}
/* ----------------------------------------------------------------------------------- Déconnexion */
	#deconnexion {
		text-align:right;
		font-size:.9em;
		margin:-10px 0 0 0
	}
	#deconnexion a {
		color:#ff0000;
		background:url(../images/background/deconnexion.gif) no-repeat left center;
		padding:0 10px;
	}
/* ----------------------------------------------------------------------------------- Têtière */
	#tetiere {padding-bottom:13px}
	#tetiere img {vertical-align:middle}
/* ----------------------------------------------------------------------------------- h2 (habillage) */
	h2.habillage {
		clear:both;
		font-size:1.5em;
		background-color:#ffd500;
		background-repeat:no-repeat;
		background-position:10px center;
		padding:9px 5px 9px 44px;
		margin-bottom:0
	}
	h2.habillage.cas01 {background-image:url(../images/background/pratique.gif)}
	h2.habillage.cas02 {
		background-image:url(../images/background/journal.gif);
		padding-left:50px
	}
	h2.habillage.cas03 {background-image:url(../images/background/ressources.gif)}
/* ----------------------------------------------------------------------------------- Colonne 01 (gauche) */
	#colonne01 {
		float:left;
		width:184px
	}
	
	#villefleurie {
		float:left;
		width:184px
	}
/* ------------------------------------------------------------------------- Navigation principale */
/* --------------------------------------------------------------- Premier niveau */
	#nav_principale {
		font-size:1.4em;
		margin-bottom:20px
	}
	#nav_principale li {margin:0 0 1px 0}
	#nav_principale li a,
	#nav_principale li strong {
		display:block;
		height:100%;
		color:#000;
		background:#b2c900 url(../images/background/puce01.gif) no-repeat 11px 14px;
		padding:8px 10px 8px 26px;
		text-decoration:none
	}
	#nav_principale li.selected a,
	#nav_principale li.selected strong,
	#nav_principale li a:hover,
	#nav_principale li a:focus {
		color:#fff;
		background-color:#9db00a;
		background-image:url(../images/background/puce02.gif);
		text-decoration:underline
	}
	#nav_principale li.selected a,
	#nav_principale li.selected strong {
		font-style:italic;
		text-decoration:none
	}
/* --------------------------------------------------------------- Second niveau */
	#nav_principale li.selected ul {
		font-size:.7em;
		margin-bottom:0
	}
	#nav_principale li.selected ul li {margin-bottom:0}
	#nav_principale li.selected ul li a,
	#nav_principale li.selected ul li strong {
		font-style:normal;
		color:#fff;
		background-color:#9db00a;
		background-image:none;
		padding-top:1px;
		padding-top:1px
	}
	#nav_principale li.selected ul li a:hover,
	#nav_principale li.selected ul li a:focus {
		background-image:none;
		text-decoration:underline
	}
/* ------------------------------------------------------------------------- Accès directs 01 */
	#acces_directs01 {
		font-size:1.1em;
		background:#ffd500;
		padding:5px 17px;
		margin-bottom:25px
	}
	#acces_directs01 li a {
		display:block;
		height:100%;
		color:#000;
		background-image:url(../images/background/generique.gif);
		background-repeat:no-repeat;
		background-position:left 2px;
		padding:3px 0 3px 21px;
		margin:0 0 3px 0;
		text-decoration:none
	}
	#acces_directs01 li.publications a {background-image:url(../images/background/publications.gif)}
	#acces_directs01 li.actualite a {background-image:url(../images/background/actualite.gif)}
	#acces_directs01 li #agenda {background-image:url(../images/background/agenda.gif)}
	#acces_directs01 li.annuaire a {background-image:url(../images/background/annuaire.gif)}
	#acces_directs01 li a:hover,
	#acces_directs01 li a:focus {text-decoration:underline}
/* ------------------------------------------------------------------------- Accès directs 02 */
	#acces_directs02 {
		line-height:1.2em;
		font-size:1.4em;
		font-style:italic
	}
	#acces_directs02 li {
		background:url(../images/background/bouton.jpg) no-repeat;
		margin:0 0 10px 0
	}
	#acces_directs02 li a {
		display:block;
		height:100%;
		color:#0a425b;
		background-repeat:no-repeat;
		background-position:16px center;
		padding:11px 5px 11px 77px;
		text-decoration:none
	}
	#acces_directs02 li.demarches_administratives a {background-image:url(../images/background/demarches_administratives.gif)}
	#acces_directs02 li.reservation_spectacles a {background-image:url(../images/background/reservation_spectacles.gif)}
	#acces_directs02 li.marches_publics a {background-image:url(../images/background/marches_publics.gif)}
	#acces_directs02 li.batiments a {background-image:url(../images/background/batiments.gif)}
	#acces_directs02 li.lettre_informations a {background-image:url(../images/background/lettre_informations.gif)}
	#acces_directs02 li a:hover,
	#acces_directs02 li a:focus {text-decoration:underline}
/* ----------------------------------------------------------------------------------- Contenu */
	#contenu {
		float:left;
		width:538px;
		padding:0 12px 0 13px
	}
/* ------------------------------------------------------------------------- h1 et h2 (accueil) */
	#contenu h1,
	#contenu h2.accueil {
		font-size:2em;
		font-weight:normal;
		color:#0173a7;
		border-bottom:1px solid #0173a7;
		margin-bottom:15px
	}
	#contenu h1 span {
		display:block;
		font-size:.8em;
		color:#333;
		margin:2px 0
	}
/* ------------------------------------------------------------------------- Accueil */
/* --------------------------------------------------------------- Une */
	img.une {vertical-align:middle}
	div.une {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		background:#4dbdd3;
		padding:15px 13px 7px 13px;
		margin:0 0 20px 0
	}
	#contenu div.une h2 {
		float:left;
		text-transform:uppercase;
		font-size:1em;
		margin-right:5px;
		margin-bottom:4px
	}
	div.une h2 a {
		color:#fff;
		text-decoration:none
	}
	div.une h2 a:hover,
	div.une h2 a:focus {text-decoration:underline}
	div.une p {clear:both}
/* --------------------------------------------------------------- Actualités (gauche et droite) */
	#contenu div.gauche,
	#contenu div.droite {
		float:left;
		width:263px;
		border:0
	}
	#contenu div.gauche {
		clear:left;
		padding-right:6px
	}
	#contenu div.droite {
		float:right;
		padding-left:6px
	}
/* --------------------------------------------------------------- Zoom sur et WebTV */
	#contenu div.gauche div.vue_line,
	#contenu div.droite div.vue_line {border:0}
/* ------------------------------------------------------------------------- Fil d'ariane */
	#fil_ariane {font-size:.9em}
	#fil_ariane a {
		color:#000;
		text-decoration:none
	}
	#fil_ariane a:hover,
	#fil_ariane a:focus {text-decoration:underline}
/* ------------------------------------------------------------------------- Introduction */
	p.introduction {
		overflow:hidden;
		height:100%;
		font-weight:bold;
		border-left:3px solid #e5e5e5;
		padding:0 0 0 8px
	}
/* ------------------------------------------------------------------------- Vue line */
	div.vue_line {
		overflow:hidden;
		height:100%;
		border-bottom:1px dashed #999;
		padding:0 0 7px 0;
		margin:0 0 7px 0
	}
	div.vue_line h2 a,
	div.vue_line h3 a {
		color:#000;
		text-decoration:none
	}
	div.vue_line a:hover,
	div.vue_line a:focus {text-decoration:underline}
	div.vue_line h3 span {font-size:.8em}
	div.vue_line img {
		float:left;
		margin:0 10px 0 0
	}
/* ------------------------------------------------------------------------- Agenda */
	#conteneur_calendrier {
		float:right;
		width:170px;
		background:#fff;
		padding:0 0 0 10px;
		margin:0 0 10px 20px
	}
/* --------------------------------------------------------------- Calendrier */
	#calendrier {
		overflow:hidden;
		height:100%;
		border:1px solid #9aae00;
		background:#f8faed;
		padding:8px 4px;
		margin:0 0 10px 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:#0173a7}
	#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:#9aae00;
		padding:2px 0
	}
	#calendrier table tr th abbr {border:0}
/* ------------------------------------------- Cellule de tableau */
	#calendrier table tr td {padding:3px 0}
	#calendrier table tr td a {
		color:#0173a7;
		font-weight:bold
	}
/* ------------------------------------------- Jour selectionne */
	#calendrier table tr td.jour_selectionne a {
		display:block;
		background:#0173a7;
		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:#f39910
	}
	#calendrier table tr td.jour_j a {color:#f39910}
	#calendrier table tr td.jour_j.jour_selectionne a {color:#fff}
/* ------------------------------------------------------------------------- Galeries */
/* --------------------------------------------------------------- Theme */
	div.theme {
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:10px
	}
	div.theme img {
		border:2px solid #fff;
		margin:10px 11px
	}
/* --------------------------------------------------------------- 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 */
	#diaporama {
		float:left;
		width:100%;
		margin-top:10px
	}
	#diaporama a.lightbox {text-decoration:none}
	#diaporama a.lightbox img {
		border:1px solid #ccc;
		padding:5px;
		margin:0 20px 20px 0
	}
	#diaporama a.lightbox:hover img,
	#diaporama a.lightbox:focus img {background:#e4e4e4}
/* ------------------------------------------------------------------------- FAQ */
	#contenu h2.question {font-size:1.2em}
	#contenu h2.question a {text-decoration:none}
	#contenu h2.question a:hover,
	#contenu h2.question a:focus {text-decoration:underline}
/* ------------------------------------------------------------------------- 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}
/* ------------------------------------------------------------------------- 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.3em;
		font-weight:bold;
		color:#666;
		margin-bottom:7px
	}
	fieldset.question_sondage legend span {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
	}
/* ------------------------------------------------------------------------- Fiches */
/* --------------------------------------------------------------- Listing des fiches */
	#contenu ul.onglets {
		overflow:hidden;
		height:100%;
		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:162px;
		height:80px;
		line-height:1.6em;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		background:#e7e7e7 url(../images/background/elu.jpg);
		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:#0173a7;
		background:url(../images/background/puce03.gif) no-repeat right center;
		padding:0 8px 0 0;
		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;
		height:100%;
		border-left:8px solid #babcbd;
		background:#e7e7e7;
		padding:15px;
		margin:0 0 10px 0
	}
	div.ui-tabs-hide {display:none}
	div.fiche {clear:both}
	div.fiche img {
		float:left;
		margin:0 20px 0 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/puce07.gif) no-repeat left 5px;
		padding-left:15px;
		margin:0 0 5px 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/puce04.gif) no-repeat left 7px;
		padding-left:12px;
		margin-bottom:3px
	}
	#contenu #plan_site li ul li a {color:#666}
/* --------------------------------------------------------------- Autres niveaux */
	#contenu #plan_site li ul li ul {font-size:.9em}
	#contenu #plan_site li ul li ul li {
		background:url(../images/background/puce03.gif) no-repeat left 5px;
		padding-left:9px;
		margin-bottom:1px
	}
/* ------------------------------------------------------------------------- Navigation */
	div.navigation {padding-top:10px}
	div.navigation a.precedent {
		background:url(../images/background/precedent.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 {padding:10px 0 0 0}
	#contenu ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 5px 0
	}
	#contenu ul.pagination li a,
	#contenu ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #0173a7;
		padding:2px 6px;
		text-decoration:none
	}
	#contenu ul.pagination li a {
		color:#fff;
		background:#0173a7
	}
	#contenu ul.pagination li a:hover,
	#contenu ul.pagination li a:focus,
	#contenu ul.pagination li span {
		color:#0173a7;
		background:#fff
	}
/* ------------------------------------------------------------------------- Outils */
	#contenu #outils {
		clear:both;
		text-align:right;
		padding:10px 0;
		margin-bottom:0
	}
	#contenu #outils li {
		display:inline;
		background:none;
		padding:0
	}
	#outils li a {
		color:#000;
		background-repeat:no-repeat;
		background-position:left 9px;
		text-decoration:none;
		padding:7px 0 4px 21px;
		margin:0 0 0 33px
	}
	#outils li a:hover,
	#outils li a:focus {text-decoration:underline}
	#outils li #imprimer {
		background-image:url(../images/background/imprimer.gif);
		margin-left:0
	}
	#outils li #enregistrer_pdf {
		background-image:url(../images/background/enregistrer_pdf.gif);
		background-position:left 10px
	}
	#outils li #faire_suivre {background-image:url(../images/background/envoyer_page.gif)}
	#outils li #haut_page {background-image:url(../images/background/haut_page.gif)}
/* ------------------------------------------------------------------------- Partage */
	#contenu #partage {
		padding:10px 0 0 0;
		margin-bottom:0
	}
	#contenu #partage li {
		display:inline;
		background:none;
		padding:0;
		margin:0 10px 0 0
	}
/* ----------------------------------------------------------------------------------- Colonne 02 (droite) */
	#colonne02 {
		float:left;
		width:201px
	}
	#colonne02 img {
		display:block;
		margin:0 auto 25px auto;
		vertical-align:middle
	}
	#colonne02 a.fichier span {color:#000}
/* ------------------------------------------------------------------------- Agenda */
	h2.agenda {
		text-align:right;
		font-size:1.7em;
		font-weight:normal;
		color:#000;
		border:1px solid #b3c902;
		background:url(../images/background/agenda.jpg) no-repeat;
		padding:32px 12px 6px 12px;
		margin-bottom:0
	}
	ul.agenda {
		color:#fff;
		background:#b2c900;
		padding:10px 10px 1px 10px;
		margin:0 0 3px 0
	}
	ul.agenda li {margin:0 0 20px 0}
	ul.agenda li h3 {
		font-size:1em;
		margin-bottom:2px
	}
	ul.agenda li h3 a {
		color:#fff;
		text-decoration:none
	}
	ul.agenda li h3 a:hover,
	ul.agenda li h3 a:focus {text-decoration:underline}
	ul.agenda li h3 a span {
		background:url(../images/background/puce05.gif) no-repeat left 4px;
		padding:0 0 0 12px
	}
	ul.agenda li p {
		line-height:1.4em;
		margin-bottom:0
	}
	#colonne02 a.lien_continuation {
		font-size:1.1em;
		font-weight:bold;	
		color:#000;
		background-image:url(../images/background/puce04.gif);
		margin:0 0 12px 0
	}
/* ------------------------------------------------------------------------- Journal */
	#journal {
		overflow:hidden;
		height:100%;
		background:#ffd500;
		padding:9px 9px 15px 9px;
		margin:0 0 25px 0
	}
	#journal img {
		float:left;
		margin:0 10px 0 0
	}
	#journal a {
		overflow:hidden;
		display:block;
		height:100%;
		color:#000;
		background:url(../images/background/puce06.gif) no-repeat left 4px;
		padding:0 0 0 11px;
		text-decoration:none
	}
	#journal a:hover,
	#journal a:focus {text-decoration:underline}
	
/* ------------------------------------------------------------------------- Ressources */
	#ressources {
		font-size:1.1em;
		background:#fed500;
		padding:7px 10px 10px 20px;
		margin-bottom:25px
	}
	#ressources li {margin:0 0 8px 0}
	#ressources li a {
		display:block;
		height:100%;
		color:#000;
		text-decoration:none
	}
	#ressources li a:hover,
	#ressources li a:focus {text-decoration:underline}
/* ------------------------------------------------------------------------- Liens */
	#liens {
		clear:both;
		border:1px solid #ffd500;
		background:#fff;
		padding:5px 13px;
		margin:0 0 25px 0
	}
	#liens h2 {
		font-size:1.7em;
		font-weight:normal;
		background:url(../images/background/liens.gif) no-repeat left center;
		padding:4px 0 4px 36px;
		margin-bottom:10px
	}
	#liens ul {
		font-size:1.1em;
		padding:0 0 0 16px
	}
	#liens ul li a {
		display:block;
		height:100%;
		color:#000;
		background:url(../images/background/puce07.gif) no-repeat left 4px;
		padding:0 0 0 12px;
		margin:0 0 7px 0;
		text-decoration:none
	}
	#liens ul li a:hover,
	#liens ul li a:focus {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Pied de page */
	#pied_page {
		width:948px;
		text-align:right;
		font-size:1.1em;
		color:#fff;
		background:url(../images/background/pied_page.gif) no-repeat right 6px;
		padding:9px 0 10px 0;
		margin:0 auto
	}
	#pied_page li {
		display:inline;
		margin:0 12px 0 0
	}
	#pied_page li a {
		color:#fff;
		margin:0 13px 0 0;
		text-decoration:none
	}
	#pied_page li a:hover,
	#pied_page li a:focus {text-decoration:underline}
	
/* SERVICE PUBLIC V2 */
#servicepublicv2 { width:100%; overflow:hidden; }
	#servicepublicv2 h1 { overflow:hidden; }
		#servicepublicv2 h1 img { vertical-align:middle; }
	#servicepublicv2 ul#accueilspv2 { list-style:none; margin:0; padding:0; }
		#servicepublicv2 ul#accueilspv2 li { width:50%; float:left; margin:0; padding:0; background:none; }
			#servicepublicv2 ul#accueilspv2 li img { vertical-align:middle; }
	#servicepublicv2 ul { overflow:visible; }
	.cadre { padding:2%; margin:0 0 10px 0; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; overflow:hidden; }
	#colg { width:66%; float:left; }
	#cold { width:24%; float:right; overflow:hidden; }
	a.voirtout { font-weight:bold; }
	.definition { border-bottom:1px dotted #F00; color:#F00 }
		.definition em { display:none; }
		.definition:hover { position:relative; }
		.definition:hover em { display:block; width:200px; height:auto; position:absolute; z-index:1000; left:0; top:1.4em; padding:5px; font-style:normal; color:#000; border:2px solid #999; background:#ECECEC; overflow:hidden; }
	.note , .attention , .info , .savoir { padding:5px 5px 5px 30px; margin:0 0 15px; border:1px solid #D0BB0C; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
	.note { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_NOTE.png) 5px 5px no-repeat; }
	.attention { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_ATTENTION.png) 5px 5px no-repeat; }
	.info { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_INFO.png) 5px 5px no-repeat; }
	.savoir { background:url(/extension/servicepublicv2.fr/design/standard/images/picto_SAVOIR.png) 5px 5px no-repeat; }
	.chapitre { /* border-bottom:1px dotted #CCC; margin:0 0 10px 0;*/ }







/***** COMPTEUR ****/

#compteur {
	width:201px;
	height:201px;
	background:url('../images/background/compteur.png') no-repeat;
	margin:0 0 12px 0;
}
.jour01 {
	color:#030000;
	font-size:30px;
	display:block;
	float:left;
	padding:5px 0 0 20px;
}
.jour02 {
	color: #d9e021;
	float:left;
	font-size:30px;
	padding:5px 0 0 45px;
}

/* --------------------------------- TIPI - FM 30/05/2011 */

	.obligatoire {
		color:red;	
	}
	.form_item {
		overflow:hidden;
		height:100%;
		clear:both;
		padding-bottom:1em;
		width:700px;	
	}
	.form_item label {
		white-space:normal;
		padding-right:20px;
		width:25%;
		display:block;
		float:left;	
	}
	.form_item input {
		width:180px;		
		display:block;
		float:left;	
		padding:0.2em 3px;
	}
	.form_item input[type=submit] {
		width:80px;	
		display:block;
		float:left;	
		margin-left:25%;		
	}
	.form_item input[type=submit]:hover {
		cursor:pointer;			
	}
	.form_item select {
		width:187px;		
		display:block;
		float:left;	
		padding:0.2em 3px;
	}
	#exact_sum_before_comma {
		width:40px;
		margin-right:5px;	
	}
	.form_item strong {				
		display:block;
		float:left;	
	}
	#exact_sum_after_comma {
		width:40px;
		margin:0 5px;		
	}