.break { clear:both; }

/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
	}
	body {
		font-size:68.75%;
		/**/font-family:Trebuchet MS, arial, helvetica, sans-serif;
		/**/color:#3D3D3F;
	}
	
	
/* ------------------------------------------------------------------------- Liens */
	a {text-decoration:underline;}
	a:hover, a:focus, a.focus {text-decoration:none;}
	a img {border:none}
/* ------------------------------------------------------------------------- Liste */
	ul {list-style:none}
/* ------------------------------------------------------------------------- Divers */
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}

/* --------------------------------------------------------------------------------------------- Input type submit/button */
	input.bouton {
		font-family:tahoma;
		font-size:1em;
		color:#fff;
		background:#7A8A10;
		border:1px solid #ccc;
		padding:1px;
		cursor:pointer
	}
	input.bouton:hover, input.bouton:focus, input.bouton.focus {
		background:#EEB550;
		border-color:#ccc;
	}

/* -------------------------------------------------------------------- Sommaire */
	#sommaire {
		clear:both;
		padding:10px 0 5px 20px;
		margin:20px 0 0 0
	}
	#sommaire h2 {
		/**/color:#000;
		margin-bottom:10px
	}
	#sommaire ul {
		font-size:1.1em;
		padding-left:60px
	}
	#sommaire ul li {
		
	}
	#sommaire ul li a {
		/**/color:#000;
		text-decoration:none
	}
	#sommaire ul li a:hover, #sommaire ul li a:focus, #sommaire ul li a.focus {text-decoration:underline}
/* -------------------------------------------------------------------- Plan du site */
	#plan_site {
		float:left;
		width:100%;
		border-collapse:collapse
	}
	#plan_site tr td {
		vertical-align:top;
		padding:0 5px 5px 5px
	}
	#plan_site tr td h2 a {text-decoration:none}
	#plan_site tr td h2 a:hover, #plan_site tr td h2 a:focus, #plan_site tr td h2 a.focus {text-decoration:underline}
	#plan_site tr td ul li a
	 {
		/**/color:#000;
		text-decoration:none;
		font-size:1.3em;
		margin-bottom:15px;
		padding:0 10px;
	}
	#plan_site tr td ul li a:hover, #plan_site tr td ul li a:focus, #plan_site tr td ul li a.focus {
			background:#7A8A10;
			text-decoration:underline;
			color:#fff;
			text-decoration:none;
			}
			
#plan_site tr td ul li ul li a
	 {
		/**/color:#000;
		text-decoration:none;
		font-size:1em;
		margin-bottom:15px;
		padding:0 10px 0 20px;
	}
	#plan_site tr td ul li ul li a:hover, #plan_site tr td ul li ul li a:focus, #plan_site tr td ul li ul li a.focus {
			background:#6B7A0B;
			text-decoration:underline;
			color:#fff;
			text-decoration:none;
			}			
	
	#plan_site tr td h2 a { color:#7A8A10; }

/* -------------------------------------------------------------------- Outils */
#outils {
		float:left;
		width:100%;
		padding:0 0 30px 0;
		margin:30px 0 0 0
	}
	#outils li {
		list-style-type:none;
		float:left;
		padding:0 0 0 17px;
		margin:0 20px 0 0
	}
	
	#outils li a {
		color:#969595;
		text-decoration:none;
		font-size:0.8em;
	}
	#outils li a:hover { color:#3CB500; }
	
	
	#retour {background:url(../images/background/retour.gif) no-repeat 0px 4px; }
	#envoyer_ami {background:url(../images/background/envoyer_page.gif) no-repeat 0px 4px; }
	#imprimer {background:url(../images/background/imprimer.gif) no-repeat 0px 4px; }
		#imprimer span {
			clear:both;
			}
			#imprimer span a {text-decoration:underline}
			#imprimer span a:hover {text-decoration:none}
	#haut_page {background:url(../images/background/haut_page.gif) no-repeat 0px 4px; }



/* CSS Document */
/* --------------------------------------------------------------------------------------------- Espacements */
	.sans_espacement {margin:0;}
	.petit_espacement {margin-bottom:5px}
	.grand_espacement {margin-bottom:20px}
	.tres_grand_espacement {margin-bottom:30px}
/* --------------------------------------------------------------------------------------------- Forcer le retour à la ligne */
	.passer_ligne {clear:both}
/* --------------------------------------------------------------------------------------------- Titres */
	h1 {
		clear:both;
		margin:0 0 10px 0; 
		padding:0 0 6px 0;
		background:url(../images/background/h1_bgd.gif) repeat-x 0 bottom;
		font-size:1.6em;
		}
		
		h1 span { color:#475108;  }		
		
		
		h1 a, h2 a, h3 a { text-decoration:none; }
	
	h2 {
		margin-top:6px;
		font-size:1.2em;
		color:#000;
		margin-bottom:6px;
		line-height:1em;
	}
	
	h3 {
		font-size:1.1em;
		font-weight:bold;
		color:#2F2F2F;
		}
	
	h4 {
		font-size:0.9em;
		margin-bottom:3px;
		color:#5F5F5F;
	}
	h5, h6 { font-size:0.8em; font-weight:normal;}
	
	
/* views */
.line { margin-bottom:15px; }	
	
/* --------------------------------------------------------------------------------------------- Paragraphes */
	.contenu p {
		line-height:1.5em;
		text-align:justify;
		margin-bottom:10px;
	}
/* ------------------------------------------------------------------------- Espacement */
	.contenu p.sans_espacement {margin:0;}
	.contenu p.petit_espacement {margin-bottom:5px;}
	.contenu p.grand_espacement {margin-bottom:20px;}
	.contenu p.tres_grand_espacement {margin-bottom:30px;}
	
/* ------------------------------------------------------------------------- Alignement */
	.contenu p.alignement_gauche {text-align:left;}
	.contenu p.alignement_droite {text-align:right;}
	.contenu p.alignement_centre {text-align:center;}
	
/* ------------------------------------------------------------------------- Mise en avant */
	.contenu p.mis_en_avant {
		overflow:hidden;
		border:1px dotted #7A8A10; 
		background:#E9EFC2; 
		padding:5px 10px;
		}
		* html .contenu p.mis_en_avant {clear:both}
/* ------------------------------------------------------------------------- Citation */
	blockquote {
		overflow:hidden;
		font-style:italic;
		background:#E9EFC2 url(../images/background/citation.gif) no-repeat 97% 5px;
		padding:10px 60px 10px 10px;
		color:#333;
	}
	* html blockquote {clear:both}
/* --------------------------------------------------------------------------------------------- Liens */
	.contenu a {color:#7A8A10}
	.contenu a.externe {
		background:url(../images/background/lien_externe.gif) no-repeat right 50%;
		padding:0 14px 0 0;
	}
	.contenu a.lightbox.externe {
		background:none;
		padding-right:0;
	}
/* --------------------------------------------------------------------------------------------- Listes */
/* ------------------------------------------------------------------------- Premier niveau */
	.contenu ul, .contenu ol {
		overflow:hidden;
		padding:0 0 10px 20px;
	}
	.contenu ul li {
		padding:0 0 0 0;
		margin:0 0 3px 0;
		list-style-type:disc;
	}
	.contenu ul li ul li {
		list-style-type:circle;
	}	
	.contenu ol li {
		list-style-type:decimal;
		list-style-position:inside;
		margin:0 0 3px 0;
	}
/* ------------------------------------------------------------------------- Second niveau */
	.contenu ul li ul, .contenu ol li ol {padding:3px 0 0 20px}
/* --------------------------------------------------------------------------------------------- Tableaux */
	.contenu table.tableau_donnees {
		clear:both;
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 15px 0
	}
	
	.contenu table.tableau_donnees caption { font-weight:bold; }
	
	.contenu table.tableau_donnees tr p {
		line-height:normal;
		margin-bottom:0
	}
	.contenu table.tableau_donnees tr th {
		background:#899B16;
		border-bottom:1px solid #fff;
		padding:4px;
		color:#fff;
	}
	.contenu table.tableau_donnees tr th p { color:#fff; }
	.contenu table.tableau_donnees tr td {
		vertical-align:top;
		border-bottom:1px dotted #ccc;
		padding:6px 4px
	}
	.contenu table.tableau_donnees tr.alterne td {background:#ededed;color:#899B16;}
	.contenu table.tableau_donnees tr.survol td {background:#F0F3F3;color:#333;}
	.contenu table.tableau_donnees tr td.alignement_centre {text-align:center}
	.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
	}

.vignette_block { margin-left:0; }
.vignette { border:1px solid #fff; margin-top:5px; }
/* --------------------------------------------------------------------------------------------- Image */
	div.image img {	
		vertical-align:middle;
	}
/* ------------------------------------------------------------------------- Légende */
	.legende, .copyright {
		overflow:hidden;
		display:block;
		font-size:.9em;
		color:#333;
		padding:0 0 0 0;
	}
	.legende { color:#000; }
	
	.object-center .legende, .object-center .copyright {
		text-align:left;
		margin-left:auto;
		margin-right:auto;
	}
	
	
/* --------------------------------------------------------------------------------------------- Zone contextuelle */
	.zone_contextuelle {
		float:right;
		width:200px;
		background:#E9EFC2;
		border-left:1px dotted #7A8A10;
		border-bottom:1px dotted #7A8A10;
		padding:8px 10px 4px 10px;
		margin:0 0 10px 15px
	}
/* --------------------------------------------------------------------------------------------- Vidéo */
	.contenu pre.video {
		text-align:center;
		margin-bottom:15px
	}
/* --------------------------------------------------------------------------------------------- Fichier joint */
	.contenu div.fichier_joint {
		width:100%;
		padding:0 0 5px 0
	}
	.contenu div.object-right span.fichier_joint {float:right}
	
.savoir_plus { clear:both; }
.savoir_plus a {
	color:#899b16;
	padding:1px 0 0 12px;
	background:url(../images/background/savoir-plus.gif) no-repeat 0 4px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.90em;
	}
	.savoir_plus a:hover {
		text-decoration:none;
		background:url(../images/background/savoir-pluso.gif) no-repeat 0 4px;
		color:#333;
		}

#fiche { background:#fff; }		
#fiche_haut { background:#ccc url(../images/background/fiche_haut_bgd.gif) repeat-x; }
#fiche .contenu { margin:0; padding:40px; width:auto; float:none; }
#fiche #outils { clear:both; }

.contenu .formulaire ul, .contenu .formulaire li { margin-left:0; padding-left:0; list-style-type:none; }

/* FOLDER */
.folder_intro { border-bottom:1px solid #3CB500; overflow:hidden; margin-bottom:15px; padding-bottom:15px; font-style:italic;  }
.rub2 .folder_intro { border-bottom:1px solid #F35600; }
.rub3 .folder_intro { border-bottom:1px solid #4895ED; }
.rub4 .folder_intro { border-bottom:1px solid #7400AA; }
.folder_left { clear:both; width:48%; float:left; }
.folder_right { width:48%; float:right; }

#encadre {
	background:#EDEDED;
	width:182px;
	float:right;
	}
#encadre .titre { padding:21px 0 0 12px; background:url(../images/background/encadre-titre.gif); color:#464231; font-weight:bold; font-size:1.3em; }
#encadre-body { padding:0 13px; }

/* Agenda */
.date, .lieu { font-weight:bold; padding-right:10px; }

.sitemap { padding-top:20px; }
.sitemap h2 a {
		margin-top:6px;
		font-size:1.2em;
		color:#6e6e6c;
		margin-bottom:6px;
		line-height:1em;
		text-decoration:none;
	}
	
.vue_line, .separation { overflow:hidden; height:100%; clear:both; border-bottom:1px dotted #606060; padding:10px 10px 10px 10px; }
.vue_line:hover { background:#E9EFC2; cursor:pointer; }

.theme_image { border:1px solid #ccc; float:left; padding:10px; margin:0 0 10px 10px; }
#diaporama a.lightbox { border:1px solid #ccc; float:left; padding:10px; margin:0 0 10px 10px; }

.contenu ul, .contenu li { color:#606060; }

.conteneur, .form_item { overflow:hidden; margin-bottom:15px; height:100%; }

.captcha { padding:10px; margin-bottom:10px; }

.full.directory form { overflow:hidden; height:100%; clear:both; background:#E9EFC2; border-bottom:1px dotted #606060; padding:10px 10px 0 10px; }
.keywords { overflow:hidden; height:100%; margin-bottom:15px; }

/* --------------------------------------------------------------------------------------------- Pagination */
	ul.pagination {
		float:left;
		width:100%;
		line-height:normal;
		padding:20px 0 0 0;
		list-style:none;
	}
	ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 5px 0;
		list-style:none;
	}
	ul.pagination li a, ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #333;
		padding:1px 5px;
		text-decoration:none
	}
	ul.pagination li a {
		color:#fff;
		background:#7A8A10;
	}
	ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a.focus {
		color:#7A8A10;
		background:#EEB550
	}
	ul.pagination li span {
		color:#7A8A10;
		background:#fff
	}
	
	.pagination li { list-style:none; }

.class-file a { padding-left:20px; background:url(../images/background/word.gif) no-repeat 0 0; }
.class-file .attribute-pdf a { padding-left:20px; background:url(../images/background/pdf.gif) no-repeat 0 0; }
.class-file .attribute-word a { padding-left:20px; background:url(../images/background/word.gif) no-repeat 0 0; }

label { width:25%; display:block; float:left; padding-right:40px; white-space:nowrap; }
#forgotpw label { width:5%; }
.long2 { display:block; width:100%; float:none; clear:both; }
fieldset { padding:10px; margin-bottom:10px; }
#questions label { display:inline; width:auto; float:none; }
#questions div { display:block; clear:both; }
#tipafriend label { width:30% }

	a.lien_externe {
		background:url(../images/background/lien_externe.gif) no-repeat right center;
		padding:0 14px 0 0
	}
	
.defaultbutton a {
		float:right;
		padding:0 10px 0 12px;
		text-transform:uppercase;
		font-size:0.9em;
		color:#fff;
		background:url(../images/background/sondage_puce.gif) no-repeat 0 4px;
		text-decoration:none;
		}
		.defaultbutton a:hover { color:#D8D1C0; }
		
	/*Fiche d'un élu */
	#fiche_elu { float:left; width:629px; background:#E9EFC2; padding:20px; margin:10px 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; }
	div.contenu div.fiche_elu h3 {font-size:1.1em;}
.fiche_elu_left { overflow:hidden; width:70px; float:left; }
.fiche_elu_right { width:520px; float:right; }

ul.onglets { clear:both; margin:0; padding:0 0 0 2px; width:668px; }
ul.onglets img { float:left; margin-right:10px; }
ul.onglets li { list-style:none; margin:0; padding:0 0 0 0; }
ul.onglets li a {
	color:#333;
	display:block;
	float:left;
	height:100px;
	line-height:1.6em;
	padding:8px 8px 0 8px;
	position:relative;
	text-decoration:none;
	width:202px;
	color:#006699;
	font-weight:bold;
	border:1px dotted #ccc;
	margin:0 2px 2px 0;
	}
ul.onglets li a span { display:block; text-decoration:underline; font-weight:normal; }
ul.onglets li a:hover { background:#E9EFC2; cursor:pointer; border:1px dotted #606060; }

.long3 { display:block; float:none; }

.contenu p.introduction:first-letter {
		line-height:1em;
		font-size:1.5em;
		font-weight:bold;
		color:#7A8A10;
		margin:0;
	}
	
/* ------------------------------------------------------------------------- Calendrier */
	#conteneur_calendrier { float:right; overflow:hidden; }
	
	#calendrier {
		overflow:hidden;
		width:170px;
		border:1px solid #50B3EE;
		background:#faf6f5;
		padding:8px 4px 8px 4px;
		margin:0 0 10px 0
	}
	#calendrier a:hover, #calendrier a:focus, #calendrier a.focus {text-decoration:overline}
/* ----------------------------------------------------- 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:#899B16}
	#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:#50B3EE;
		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:#899B16;
		font-weight:bold
	}
/* ------------- Jour selectionne */
	#calendrier table tr td.jour_selectionne a {
		display:block;
		background:#899B16;
		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:#50B3EE
	}
	#calendrier table tr td.jour_j a {color:#50B3EE}
	#calendrier table tr td.jour_j.jour_selectionne a {color:#fff}
/* ------------------------------------------------------------------------- Legende 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:#899B16;
		text-decoration:underline
	}
	#legende_calendrier ul li span.jour_selectionne {
		font-weight:bold;
		color:#fff;
		background:#899B16
	}
	#legende_calendrier ul li span.jour_j {
		font-weight:bold;
		color:#50B3EE
	}
	#legende_calendrier ul li span.jour_courant_evenement {
		font-weight:bold;
		color:#50B3EE;
		text-decoration:underline
	}
	
	.evenement_calendrier { overflow:hidden; height:100%; border-bottom:1px dotted #606060; padding:0 0 10px 0; margin-bottom:10px; width:460px;}
	.evenement_calendrier h3 a { text-decoration:underline; }
	.evenement_calendrier h3 a:hover { background:#50B3EE; color:#fff; text-decoration:none; }
	.date_evenement { display:block; }
	
	.full.event .date { color:#50B3EE; font-size:1.3em; }
	
	.clear_gallery { overflow:hidden; clear:both; padding-top:20px; }
	
	.radioclear { clear:both; }
	
	.theme { clear:both; }
	
	.contre_les_robots { display:none; }