.annuaire_item { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc; }
#navigation a { padding:0 4px; color:#009cdc; overflow:hidden; font-weight:bold; }


/* CSS Document */
/* --------------------------------------------------------------------------------------------- Vue en ligne */
/* ------------------------------------------------------------------------- Commun (Article - Formulaire - Video externe - Evenement) */
	div.contenu div.vue_line {
		float:left;
		width:96%;
		border-bottom:1px dashed #ccc;
		padding:10px 2%
	}
	div.contenu div.vue_line.hover {
		cursor:pointer;
		background:#f1f1f1
	}
	div.contenu div.vue_line span.date_publication {
		float:right;
		font-size:.9em;
		color:#666;
		background:#f6efed;
		padding:0 5px;
		margin:3px 0 0 10px
	}
	div.contenu a.theme {
		float:right;
		color:#666;
		background:#f6efed;
		padding:0 5px;
		margin:3px 0 0 10px;
		text-decoration:none
	}
	div.contenu a.theme:hover, div.contenu a.theme:focus, div.contenu a.theme:focus {text-decoration:underline}
	div.contenu div.vue_line.hover h2 a {text-decoration:none}
	div.contenu div.vue_line.hover h3 a {text-decoration:none}
	div.contenu span.date_evenement {
		display:block;
		font-style:italic;
		color:#666;
		margin:0 0 4px 0
	}
	div.contenu div.vue_line img {
		float:left;
		margin:0 10px 0 0
	}
	div.contenu span.info {
		display:block;
		margin:0 0 2px 0
	}
	div.contenu div.vue_line p {margin-bottom:0}
/* ------------------------------------------------------------------------- Evenements */
/* ----------------------------------------------------- Vue calendrier */
	div.contenu div.evenement_calendrier {
		overflow:hidden;
		border-bottom:1px dashed #ccc;
		padding:10px 0
	}
	div.contenu div.evenement_calendrier img {
		float:left;
		margin:0 10px 0 0
	}
	* html div.contenu div.evenement_calendrier img {float:none}
/* ----------------------------------------------------- Vue listing */
	div.contenu div.evenement_listing {
		float:left;
		width:96%;
		border-bottom:1px dashed #ccc;
		padding:10px 2%
	}
	div.contenu div.evenement_listing img {
		float:left;
		margin:0 10px 0 0
	}
	div.contenu div.navigation {
		float:left;
		width:100%;
		margin:20px 0 0 0
	}
	div.contenu div.navigation a {background-repeat:no-repeat}
	div.contenu div.navigation a.precedent {
		background-image:url(../images/background/retour.gif);
		background-position:left 2px;
		padding:0 0 0 20px
	}
	div.contenu div.navigation a.suivant {
		float:right;
		background-image:url(../images/background/suivant.gif);
		background-position:right 2px;
		padding:0 20px 0 0
	}

	.sans_espacement {margin:0}
	.petit_espacement {margin-bottom:5px}
	.espacement {margin-bottom:10px}
	.grand_espacement {margin-bottom:20px}
	.tres_grand_espacement {margin-bottom:30px}
	.passer_ligne {clear:both}

h1 {
		font-size:1.6em;
		color:#fff;
		background:#009cdc;
		padding:3px 10px 2px 10px;
		margin:15px 0 10px 0;
	}
	.frontpage h2 {
		font-size:1.4em;
		color:#fff;
		background:#009cdc;
		padding:3px 10px 2px 10px;
		margin:11px 0 10px 0;
		font-weight:normal;
	}
	
	h2 {
		font-size:1.4em;
		color:#009cdc;
		background:none;
		margin:11px 0 3px 0;
		font-weight:bold;
		
	}
	
	h2.large {
	
	}
	h3 {
		font-size:1.2em;
		color:#27667d;
		margin:5px 0 3px 0;
		font-weight:bold;
	}
	h4 {
		font-size:1.1em;
		margin:5px 0;
		color:#009CDC;
	}
	h5 {font-size:1em; margin:2px 0; color:#aba394; } 
	h6 {font-size:1em; margin:2px 0; color:#000; }
/* ------------------------------------------------------------------------- Date de publication */
	#infos {
		text-align:right;
		color:#666;
		margin:0 0 10px 0
	}
	#infos span {
		background:#f6efed;
		padding:0 10px
	}
	#infos span em, #infos span strong {margin:0 1px}
/* ------------------------------------------------------------------------- Paragraphes */
	div.contenu p {
		line-height:1.5em;
		margin-bottom:10px
	}
/* ----------------------------------------------------- Espacement */
	div.contenu p.sans_espacement {margin:0}
	div.contenu p.petit_espacement {margin-bottom:5px}
	div.contenu p.grand_espacement {margin-bottom:20px}
	div.contenu p.tres_grand_espacement {margin-bottom:30px}
/* ----------------------------------------------------- Alignement */
	div.contenu p.alignement_justifie {text-align:justify}
	div.contenu p.alignement_droite {text-align:right}
	div.contenu p.alignement_centre {text-align:center}
/* ----------------------------------------------------- Introduction */
	div.contenu p.introduction {margin-bottom:15px}
	div.contenu p.introduction:first-letter {
		line-height:1em;
		font-size:1.5em;
		font-weight:bold;
		color:#666;
		margin:0 2px 0 0
	}
/* ----------------------------------------------------- Mise en avant */
	div.contenu p.mis_en_avant {
		overflow:hidden;
		background:#ffe6c8;
		padding:5px 10px
	}
	* html div.contenu p.mis_en_avant {clear:both}
/* ------------------------------------------------------------------------- Citation */
	div.contenu blockquote {
		overflow:hidden;
		font-style:italic;
		background:#efefef url(../images/background/citation.gif) no-repeat 97% 5px;
		padding:10px 60px 10px 10px;
		margin:0 0 10px 0
	}
	* html div.contenu blockquote {clear:both}
/* ------------------------------------------------------------------------- Liens */
	div.contenu a {
		color:#f5600f;
		text-decoration:underline
	}
	div.contenu a:hover, div.contenu a:focus, div.contenu a.focus {text-decoration:none}
/* ----------------------------------------------------- Savoir plus */
	/*div.savoir_plus {
		float:left;
		width:100%;
		text-align:right;
		border-bottom:1px dashed #ccc;
		padding:0 0 10px 0;
		margin:0 0 10px 0
	}
	div.savoir_plus a {
		background:url(../images/background/puce.gif) no-repeat right 4px;
		padding-right:11px;
		margin-right:10px
	}*/
/* ------------------------------------------------------------------------- Listes */
/* ----------------------------------------------------- Premier niveau */
	div.contenu ul, div.contenu ol {
		overflow:hidden;
		line-height:1.5em;
		padding:0 0 10px 20px
	}
	div.contenu ul li {
		background-image:url(../images/background/puce.gif);
		background-position:0 5px;
		background-repeat:no-repeat;
		padding:0 0 0 9px;
		margin:0 0 3px 0
	}
	div.contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		margin:0 0 3px 0
	}
/* ----------------------------------------------------- Second niveau */
	div.contenu ul li ul, div.contenu ol li ol {padding:3px 0 0 20px}
/* ------------------------------------------------------------------------- Tableaux */
	div.contenu table.tableau_donnees {
		float:left;
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 15px 0
	}
	div.contenu table.tableau_donnees caption {
		font-weight:bold;
		color:#666;
		padding:0 0 6px 0
	}
	div.contenu table.tableau_donnees tr p {
		line-height:normal;
		margin-bottom:0
	}
	div.contenu table.tableau_donnees tr th {
		background:#ffe6c8;
		border-bottom:1px solid #ccc;
		padding:4px
	}
	div.contenu table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dashed #ccc;
		padding:6px 4px
	}
	div.contenu table.tableau_donnees tr.alterne td {background:#ededed}
	div.contenu table.tableau_donnees tr.survol td {background:#e6e6e6}
	div.contenu table.tableau_donnees tr td.alignement_centre {text-align:center}
	div.contenu table.tableau_donnees tr td.alignement_droite {text-align:right}
/* ------------------------------------------------------------------------- Object */
	div.object-left {
		float:left;
		margin-right:15px;
		margin-bottom:10px
	}
	div.object-right {
		float:right;
		margin-left:15px;
		margin-bottom:10px
	}
	div.object-center {
		text-align:center;
		margin-bottom:10px
	}
/* ------------------------------------------------------------------------- Image */
	div.image img {vertical-align:middle}
/* ----------------------------------------------------- Légende et copyright */
	div.image span.legende, div.image span.copyright {
		overflow:hidden;
		display:block;
		font-size:.9em;
		padding:2px 1px 6px 1px
	}
	div.image span.copyright {
		font-style:italic;
		color:#666;
		padding-bottom:0
	}
	div.object-center div.image span.legende, div.object-center div.image span.copyright {
		text-align:left;
		margin-left:auto;
		margin-right:auto
	}
/* ------------------------------------------------------------------------- Fichier joint */
	div.attribute-pdf, div.attribute-msword {padding:2px 0 2px 24px}
	div.attribute-pdf {background:url(../images/background/pdf.gif) no-repeat;}
	div.attribute-msword {background:url(../images/background/word.gif) no-repeat}
/* ------------------------------------------------------------------------- Zone contextuelle */
	div.zone_contextuelle {
		float:right;
		width:200px;
		padding:8px 10px 3px 10px;
		background:#ffe6c8;
		background:#f9efe0;
		border-top:1px solid #5eb741;
		margin:0 0 5px 15px
	}
/* --------------------------------------------------------------------------------------------- Vidéo */
	div.contenu div.video {
		float:left;
		width:100%;
		text-align:center;
		margin:15px 0
	}
/* --------------------------------------------------------------------------------------------- Commentaires */
	div.contenu h2.commentaire {
		clear:both;
		font-size:1.6em;
		color:#f56010;
		border-bottom:1px dashed #ccc;
		padding:40px 0 5px 0;
		margin:0 0 10px 0
	}
	div.contenu div.commentaire {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:0 0 5px 0;
		margin:0 0 10px 0
	}
	div.contenu div.commentaire p.citation {clear:both}
/* ------------------------------------------------------------------------- Infos (date/auteur/catégorie/lieu/horaires) */
	div.contenu div.infos {
		float:left;
		width:100%;
		margin:2px 0 4px 0
	}
	div.contenu div.infos span.date {
		font-style:italic;
		color:#666
	}
	div.contenu div.infos span.auteur {font-weight:bold}
	div.contenu div.infos span.categorie, div.contenu div.infos span.lieu, div.contenu div.infos span.horaires {
		display:block;
		margin:4px 0 0 0
	}
	div.contenu div.infos span span {font-weight:bold}
/* --------------------------------------------------------------------------------------------- Agenda */
	#conteneur_calendrier {
		float:right;
		width:180px;
		background:#fff;
		padding:0 0 0 10px;
		margin:0 0 10px 20px
	}
/* ------------------------------------------------------------------------- Calendrier */
	#calendrier {
		float:left;
		width:170px;
		border:1px solid #62BB47;
		background:#faf6f5;
		padding:8px 4px 8px 4px;
		margin:0 0 10px 0
	}
	#calendrier a:hover, #calendrier a:focus, #calendrier a.focus {text-decoration:overline}
	
/* ----------------------------------------------------------------------  Evénement de calendrier */	
	.evenement_calendrier { border-bottom:#009CDC solid 1px; padding:10px 0; }
		.evenement_calendrier h3 { margin:5px 0; }
		.evenement_calendrier a.theme { color:#009CDC; font-weight:bold; }
		.evenement_calendrier span.date { display:block; }
		.evenement_calendrier span.info { display:block; }
		.evenement_calendrier span.date_evenement { display:block; }
		.evenement_calendrier img { margin:7px 0; }
/* ----------------------------------------------------- Navigation mois par mois */
	#calendrier #navigation_mois {
		float:left;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		color:#333;
		padding:0;
		margin:0 0 8px 0
	}
	#calendrier #navigation_mois li {
		display:block;
		float:left;
		width:15%;
		background:none;
		padding:0;
		margin:0
	}
	#calendrier #navigation_mois li a {color:#009CDC;}
	#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:#009CDC;
		padding:3px 0
	}
	#calendrier table tr th abbr {border-color:#fff}
/* ------------- Cellule de tableau */
	#calendrier table tr td {padding:4px 0}
	#calendrier table tr td a {
		color:#009CDC;
		font-weight:bold
	}
/* ------------- Jour sélectionné */
	#calendrier table tr td.jour_selectionne a {
		display:block;
		background:#f5600f;
		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, #calendrier table tr td.jour_selectionne a.focus {text-decoration:none}
/* ------------- Jour "J" */
	#calendrier table tr td.jour_j {
		font-weight:bold;
		color:#6eb869
	}
	#calendrier table tr td.jour_j a {color:#6eb869}
	#calendrier table tr td.jour_j.jour_selectionne a {color:#fff}
/* ------------------------------------------------------------------------- Légende du calendrier */
	#legende_calendrier {
		font-size:.9em;
		padding:0 5px 0 5px;
		margin:0 0 5px 0
	}
	#legende_calendrier span.titre {
		display:block;
		font-size:1.1em;
		font-weight:bold;
		color:#666;
		margin:0 0 5px 0
	}
	#legende_calendrier ul {
		padding:0 0 0 5px;
		margin:0
	}
	#legende_calendrier ul li {
		background:none;
		padding:0
	}
	#legende_calendrier ul li span {
		font-size:1.1em;
		padding:0 3px
	}
	#legende_calendrier ul li span.jour_evenement {
		font-weight:bold;
		color:#f5600f;
		text-decoration:underline
	}
	#legende_calendrier ul li span.jour_selectionne {
		font-weight:bold;
		color:#fff;
		background:#f5600f
	}
	#legende_calendrier ul li span.jour_j {
		font-weight:bold;
		color:#6eb869
	}
	#legende_calendrier ul li span.jour_courant_evenement {
		font-weight:bold;
		color:#6eb869;
		text-decoration:underline
	}
/* --------------------------------------------------------------------------------------------- Pagination */
	div.contenu ul.pagination {
		float:left;
		width:100%;
		line-height:normal;
		padding:20px 0 0 0
	}
	div.contenu ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 0 0
	}
	div.contenu ul.pagination li a, div.contenu ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #f5600f;
		padding:2px 6px;
		text-decoration:none
	}
	div.contenu ul.pagination li a {
		color:#fff;
		background:#f5600f
	}
	div.contenu ul.pagination li a:hover, div.contenu ul.pagination li a:focus, div.contenu ul.pagination li a.focus {
		color:#f5600f;
		background:#fce0d2
	}
	div.contenu ul.pagination li span {
		color:#f5600f;
		background:#fff
	}
/* --------------------------------------------------------------------------------------------- Formulaire */
	.obligatoire, div.champs_obligatoire {color:#ff0000}
	#boutons {
		float:left;
		width:100%;
		margin-bottom:15px;
	}
	#boutons input.bouton {}
/* --------------------------------------------------------------------------------------------- Formulaire "statique" */
	div.contenu div.conteneur {
		float:left;
		width:100%;
		padding-bottom:8px
	}
	div.contenu div.conteneur label, div.contenu div.conteneur span.label {
		display:block;
		float:left;
		width:170px;
		line-height:1.7em;
		text-align:right;
		padding-right:5px
	}
	div.contenu div.conteneur label span.complement {
		font-size:.9em;
		color:#666
	}
	div.contenu div.conteneur label.long, div.contenu div.conteneur span.long {width:250px}
	div.contenu div.conteneur input, div.contenu div.conteneur textarea, div.contenu div.conteneur select, div.contenu div.conteneur input.champ_fichier {
		float:left;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:1em;
		border:1px solid #666;
		padding:2px 0 2px 3px;
		margin-right:3px
	}
	div.form_item input, div.form_item textarea, div.form_item select {border:1px solid #666}
	div.contenu div.conteneur textarea {height:100px}
	.tres_court {width:35px}
	.court {width:80px}
	.normal {width:150px}
	.long {width:250px}
	label.long { display:block; width:150px; float:left; }
	
	.tres_long {width:300px}
	div.contenu div.conteneur select {padding:0}
	div.contenu div.conteneur select option {padding-right:10px}
	div.contenu div.conteneur span.statut {
		line-height:1.6em;
		padding:0 3px
	}
	div.contenu div.conteneur span.active {color:#3ab318}
	div.contenu div.conteneur span.desactive {color:#ff0000}
/* --------------------------------------------------------------------------------------------- Formulaire "builder" */
	/* FORMULAIRES : */
.form_element { margin-bottom:1em; }
.form_element input, .form_element textarea { width:98%; }
.cnil {margin-top:1em;}
label span { font-weight:normal; }
	/*extension formulaire*/
	.class-feedback-form .defaultbutton { clear:both; }
	.class-feedback-form label { display:inline; vertical-align:top;}
	.class-feedback-form .date_et_heure label ,
	.class-feedback-form .date label { display:block; font-weight:normal; }
	.class-feedback-form .date_et_heure .element,
	.class-feedback-form .date .element { float:left; margin-right:6px; }
	.class-feedback-form .date_et_heure,
	.class-feedback-form .date { display:inline;  }
	.class-feedback-form .date_et_heure img,
	.class-feedback-form .date img { margin-top:-2px;margin-right:6px;  }
	.class-feedback-form .date_et_heure label.main_label ,
	.class-feedback-form .date label.main_label  { font-weight:bold; }
	.class-feedback-form .jour,
	.class-feedback-form .mois,
	.class-feedback-form .heure,
	.class-feedback-form .minute { width:20px; }
	.class-feedback-form .annee { width:40px; }
	.class-feedback-form label { }
	
	.your_email { width:50%; }
	.form_item { display:inline; overflow:hidden; float:left; padding:0 1em 1em 0; }
	.form_break { clear:left; }
/* --------------------------------------------------------------------------------------------- Captcha */
	fieldset.captcha {
		clear:both;
		border:1px dashed #ccc;
		padding:10px;
		margin:0 0 10px 0
	}
	fieldset.captcha legend {
		font-size:1.2em;
		font-weight:bold;
		background:#fff;
		padding:0 5px
	}
	* html fieldset.captcha legend {margin-bottom:10px}
	*+html fieldset.captcha legend {margin-bottom:10px}
	fieldset.captcha img {
		float:left;
		margin:0 10px 0 0
	}
	fieldset.captcha a {display:block}
	fieldset.captcha input {
		width:50px;
		font-family:verdana;
		font-size:1em;
		border:1px solid #666;
		padding:2px 0 2px 3px
	}
/* --------------------------------------------------------------------------------------------- Galeries */
/* ------------------------------------------------------------------------- Theme */
	div.theme {
		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 */
	#diaporama {
		float:left;
		width:100%;
		margin-top:10px;
		overflow:hidden;
	}
	#diaporama a.lightbox.externe {
		background:none;
		padding-right:5px
	}
	#diaporama a.lightbox {
		display:block;
		float:left;
		width:100px;
		height:110px;
		overflow:hidden;
		text-align:center;
		border:1px solid #ccc;
		padding:5px;
		margin:0 15px 20px 0
	}
	#diaporama a.lightbox:hover, #diaporama a.lightbox:focus, #diaporama a.lightbox.focus {background:#e4e4e4}
/* ------------------------------------------------------------------------- Ecard */
	#ecard {
		border:1px solid #d0d0d0;
		background:#e8e8e8;
		padding:10px;
		margin:0 0 20px 0
	}
	#ecard a {text-decoration:none}
	#ecard img {
		border:2px solid #fff;
		margin:10px
	}
	#ecard div.object-center img {margin-bottom:5px}
	#ecard div.image span.legende, #ecard div.image span.copyright {font-size:1em}
/* ------------------------------------------------------------------------- Wallpaper */
	div.wallpaper {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:0 0 15px 0;
		margin:0 0 15px 0
	}
	div.wallpaper img {
		float:left;
		background:#e8e8e8;
		padding:5px
	}
	div.wallpaper ul {float:left}
/* --------------------------------------------------------------------------------------------- Divers */
	div.separation {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:10px 0 5px 0
	}
/* ------------------------------------------------------------------------- Spam filter */
	span.spamfilter {display:none}
/* ------------------------------------------------------------------------- FAQ */
	div.contenu h2.question a {text-decoration:none}
	div.contenu h2.question a:hover, div.contenu h2.question a:focus, div.contenu h2.question a.focus {text-decoration:underline}
/* ------------------------------------------------------------------------- Marchès publics */
	div.marche_public {margin:0 0 5px 0}
	div.marche_public img {
		vertical-align:middle;
		margin:0 2px 0 0
	}
	div.marche_public span {
		font-size:.9em;
		color:#666
	}
/*********************************************** Cyrille **************************************************************/	
	/* Lire la suite */
				a.read_more { color:#41b4e3; text-decoration:none; padding:0 0 0 15px;; clear:both; background:url(../images/puce_lire.gif) no-repeat 0 2px; }
				a.read_more:hover { text-decoration:underline; }	

/* --------------------------------------------------------------------------------------------- Partie principale */
	#centre { width:988px; background:url(../images/background/bg_contenu.gif) repeat-y; overflow:hidden; padding:17px 0 35px 0; }
		/* Colonne de gauche */
		#left { width:267px; float:left; overflow:hiddden; }
			/* menu */
			.menu { background:url(../images/background/bg_menu_top.gif) no-repeat; padding-top:21px; }
				#menu_200 { background:url(../images/background/bg_menu.gif) repeat-y; padding:15px 27px 15px 20px; font-size:1.1em; }		
				#menu_200 li a { _position:relative; overflow:hidden; margin-bottom:5px; font-weight:bold; color:#FFF; text-transform:uppercase; line-height:1.4em; background:url(../images/puce_menu.gif) no-repeat 0 3px; padding:0 5px 0 15px; margin-left:15px; }
				#menu_200 ul.menu-list li ul li.level1 a { margin-bottom:7px; line-height:1.1em; text-transform:none; background:url(../images/puce_ssmenu.gif) no-repeat 0 5px; padding:0 0 0 10px; margin-left:25px; }
				#menu_200 ul.menu-list li ul li.level1.selected	{ _position:relative; background:#8dcfea; }
				#menu_200 ul.menu-list li ul li.level1.selected ul { background:#8dcfea; }
				#menu_200 ul.menu-list li ul li ul li.level2 a{ background:url(../images/puce_ssssmenu.gif) no-repeat 0 7px; padding:0 0 0 7px; color:#156889; margin-left:35px; }
				.menu_bottom { width:267px; height:22px; background:url(../images/background/bg_menu_bottom.gif) no-repeat; }
			
			#menu_200 a { display:block; }
			
			/* Accès direct */	
			.acces_direct { background:url(../images/background/bg_acces_bottom.gif) no-repeat center bottom; padding:0 0 23px 0; }	
				.acces_direct h2 { height:52px; width:267px; background:url(../images/background/bg_acces_top.gif) no-repeat center bottom; padding:0; margin:0; }
					.acces_direct h2 span { display:none; }
				.acces_direct #acces_directs { background:url(../images/background/bg_acces.gif) repeat-y; padding:10px 30px 10px 40px; }	
					.acces_direct #acces_directs li { background:url(../images/puce_acces.gif) no-repeat 0 3px; padding:0 0 0 15px; }
						.acces_direct #acces_directs li a { color:#62bb47; }
			/* liens de gauche */			
			.liens_gauche { padding:15px 45px 10px 60px; text-align:right;  }		
				.liens_gauche span.titre { display:none; }	
				.liens_gauche ul { padding:0; }
					.liens_gauche ul li { padding:0 35px 0 0; margin:5px 0; }
					.liens_gauche ul li#item_10599 { background:url(../images/icones/news.jpg) no-repeat right 0; }
					.liens_gauche ul li#item_10600 { background:url(../images/icones/rss.jpg) no-repeat right 0; }
						.liens_gauche ul li a { text-transform:uppercase; color:#c48a29;}
						.liens_gauche ul li#item_10599 a { display:block; width:120px; padding:0 0 0 10px; }
					.liens_gauche ul li#item_10600 a { display:block; width:30px; margin:0 0 0 100px; }
		/* Contenu */
		#contenu { width:653px; float:left; overflow:hiddden; padding:51 0 0 17px; font-size:1.1em; }
		
			/* Gauche */
			#gauche { width:410px; margin:0 30px 0 0; float:left; overflow:hidden; }	
				.article { border-bottom:solid 1px #6c9fb2; padding:10px 0; overflow:hidden; }
					.article p { margin:0 0 5px 0; }
					.article img { float:left; margin:0 10px 2px 0; }	
			/* Droite */
			#droite { width:213px; float:left; overflow:hidden; font-size:0.9em; }
				#contenu .agenda { } 		
					#contenu .agenda .titre { background:#62bb47; display:block; font-size:1.5em; color:#FFF; margin:11px 0 10px 0; padding:3px 10px 2px 5px;}
						#contenu .agenda ul { padding:0 0 0 8px; }	
							#contenu .agenda ul li { background:none; margin:10px 0; }
								#contenu .agenda ul li span { display:block; }
								#contenu .agenda ul li a { color:#27667D; }
									#contenu .agenda a.lire_suite { color:#62bb47; text-decoration:none; padding:0 0 0 15px;; clear:both; background:url(../images/puce_agenda.gif) no-repeat 0 2px; margin:0 0 0 15px;}
										#contenu .agenda a.lire_suite:hover { text-decoration:underline; }
				#contenu .zone { background:#62BB47; } 			
					#contenu .zone .titre { background:#62bb47; display:block; font-size:1.5em; color:#FFF; margin:25px 0 0 0; padding:3px 10px 2px 5px;}
					#contenu .zone .legende { display:block; font-weight:bold; font-size:1.1em; color:#FFF; background:#62bb47; padding:10px; }
						#contenu .zone a#zone { display:block; color:#62bb47; text-decoration:none; padding:0 0 0 15px;; clear:both; background:url(../images/puce_agenda.gif) no-repeat 40px 2px; margin:5px 0 0 15px; text-align:right;}					
							#contenu .zone a#zone:hover { text-decoration:underline; }

				#contenu .zone p, #contenu .zone div { padding:0 10px; color:#fff; }
					#contenu .zone a { color:#fff; }
	
			.pagination { clear:both; list-style:none; }	
				.pagination li { display:inline; background:none; }			
							
/***********  Rubriques  ****************/							
.article_principal img { float:right; margin-left:5px; }
p { margin-bottom:5px; }
/*********** Formulaires ***************/
form {  }
form .conteneur { margin:5px 0; clear:both; }
/***********  Listes  *****************/
#contenu ul { margin-left:20px; padding:0; color:#009cdc; }
#contenu ul li { list-style:disc; padding:0; }
	#contenu ul li ul li { list-style:circle; /* background:url(../images/background/sspuce.gif) no-repeat 0 5px;*/ }
		#contenu .pagination { clear:both; list-style:none; }	
				#contenu .pagination li { display:inline; background:none; padding:0 2px; }			
/*********** Affichage des événements *******************/	
	.infos { margin-bottom:10px; }		
	/* Annuaire */
	#directory_ezselection_element_2 {}
		#directory_ezselection_element_2 label { display:block; width:93px; float:left; }
	#directory_ezselection_element_3 {}
		#directory_ezselection_element_3 label { display:block; width:93px; float:left; }
	form .keywords {}
		form .keywords label { display:block; width:93px; float:left; }
		
.iag_directory form { background:#e4e7eb; padding:10px 10px 0 10px; overflow:hidden; }
.iag_directory form label { clear:both; display:block; width:80px; float:left; }
.iag_directory form select { width:200px; }
.iag_directory .bouton { clear:both; }

.full.iag_directory_element div { margin-bottom:10px; }

.iag_directory .vue_line { clear:both; padding:10px; border-bottom:1px dotted #ccc; }
.iag_directory .vue_line:hover { 	cursor: pointer; background:#e4e7eb; }
.iag_directory .vue_line div { margin-bottom:10px; }
.iag_directory .vue_line a { text-decoration:none; color:#27667d; }
.iag_directory .vue_line a:hover { text-decoration:none; color:#27667d; }

.full.iag_directory_element div.float-left { padding:0; margin:0; }
		
/*********** Affichage spécifique uniquement sur la rubrique vivre et découvrir *******************/

#affichage_specifique { clear:both; background:#edeff2; padding:10px; margin-top:10px; font-style:normal; }
#affichage_specifique a { color:#27667d; }
#affichage_specifique span { display:block; margin:3px 0; font-style:normal; color:#27667d; }

/********************************************** Plan du site ************************************************/
table#plan_site { width:100%; margin-top:15px; }


#plan_site td { vertical-align:top; padding:10px; }
#plan_site td h2 a { color:#FFF; text-decoration:none; }
#plan_site td h2 a:hover { color:#FFF; text-decoration:underline; }
#plan_site td li a { color:#009CDC; text-decoration:none; text-transform:uppercase; }
#plan_site td li a:hover { color:#009CDC; text-decoration:underline; }

#plan_site td li ul li a { color:#009CDC; text-decoration:none; text-transform:none; padding-left:12px; }

#plan_site td li ul li a:hover { color:#009CDC; text-decoration:underline; }

#contenu #plan_site ul li  { list-style-type:none; background:none; }	
#plan_site ul  { list-style-type:none; }										

.bordure2 { margin-top:10px; }			

.image_item { float:right; margin-left:10px; }				

.annuaire_resultat h2 a { color:#009cdc; }

/* --------------------------------------------------------------------------------------------- Elus */
/* -------------------------------------------------------------------- Listing des élus */
	div.contenu ul.onglets {
		float:left;
		width:100%;
		line-height:normal;
		padding:0
	}
	div.contenu ul.onglets li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	div.contenu ul.onglets li a {
		position:relative;
		display:block;
		float:left;
		width:153px;
		height:90px;
		line-height:1.6em;
		font-weight:bold;
		color:#000;
		text-decoration:none;
		background:#c9c9c9 url(../images/background/elu.jpg);
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		padding:8px
	}
	div.contenu ul.onglets li a img {
		float:left;
		margin:0 8px 0 0
	}
	div.contenu ul.onglets li a span {
		position:absolute;
		bottom:8px;
		right:8px;
		display:block;
		text-align:right;
		font-weight:normal;
		color:#f5600f;
		background:url(../images/background/fleche_orange.gif) no-repeat right center;
		padding:0 8px 0 0
	}
	div.contenu ul.onglets li a:hover {background:#eaeaea}
	div.contenu ul.onglets li a:hover span {text-decoration:underline}
	/* Elu sélectionné */
	div.contenu ul.onglets li.ui-tabs-selected a {
		filter:alpha(opacity=30);
		-moz-opacity:0.30;
		cursor:text
	}
	div.contenu ul.onglets li.ui-tabs-selected a span {display:none}
/* -------------------------------------------------------------------- Fiche d'un élu */
	#fiche_elu {
		width:643px;
		background:#a5d0e2;
		padding:5px;
		margin:10px 0;
		color:#000;
		overflow:hidden;
		font-size:0.9em;
	}
	#fiche_elu h2 { color:#000; background:none; font-weight:bold; padding:0; font-size:1.2em; margin:0 0 0 0;  }
		#fiche_elu h2 span { text-transform:uppercase; }
	#fiche_elu h3 { margin:5px 0 0 0; color:#000; }
	
	#fiche_elu p { margin:0; }
	
	div.ui-tabs-hide {display:none}		/* Nécessaire pour fonctionnement des onglets */
	div.fiche_elu img {
		float:left;
		margin:0 20px 0 0
	}
	div.contenu div.fiche_elu h2, div.contenu div.fiche_elu h3 {
		font-family:verdana;
		font-size:1.3em;
		color:#000
	}
	/* Styles pour les minisatures des fiches */
	div.contenu div.fiche_elu h3 {font-size:1.1em}
	#contenu ul.onglets { margin-left:0; }

	#contenu ul.onglets li { font-size:0.9em; background:url(../images/background/bg_fiche.gif) repeat-x; width:201px; height:90px; float:left; padding:5px 7px; margin:0 2px 2px 0; overflow:hidden; margin-left:0; font-size:1em }
		#contenu ul.onglets li img { float:left; overflow:hidden; margin-right:7px; }
		#contenu ul.onglets li span.nom_elu { display:block; color:#000; font-weight:bold; }
		#contenu ul.onglets li span.prenom_elu { display:block; color:#000; font-weight:bold; margin-bottom:35px; }
		#contenu ul.onglets li a { color:#FFF; background:url(../images/puce_elu.gif) no-repeat 100% 50%; padding-right:8px; }
		
	.form_item fieldset { border:0; padding:5px; }
	
	.vue_line { margin-bottom:10px; overflow:hidden; height:100%; }
	
.full.directory #search-block label { width:150px; display:block; }
.full.directory .search-item { margin-bottom:10px; }
.full.directory .bouton { margin-top:10px; margin-bottom:0; }

.content-view-line { margin-bottom:30px; }

#tourinsoft .date { font-weight:bold; }
#tourinsoft .horaires { font-weight:bold; }
#tourinsoft .lieu_principal { font-weight:bold; }

/* 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;*/ }