/* 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; margin-top:10px; }
	.article-body { clear:both; margin-top:20px; }
/* --------------------------------------------------------------------------------------------- Titres */
	h1 {
		clear:both;
		font-size:1.45em;
		margin-bottom:10px;
		color:#969595;
		}
		.sous_niveaux_2_noeud_201 h1 { color:#F29400; }
		.sous_niveaux_2_noeud_211 h1 { color:#F35600; }
		.sous_niveaux_2_noeud_8316 h1 { color:#4895ED; }
		.sous_niveaux_2_noeud_8015 h1 { color:#3CB500; }
		.boutique h1 { color:#9D9B92;}
	
	/* test F29400 */
	
	h2 {
		margin-top:6px;
		font-size:1.2em;
		color:#464231;
		margin-bottom:6px;
		background:url(../images/background/h2-puce.gif) no-repeat 0 5px;
		line-height:1em;
	}
	
	h3 {
		font-size:1em;
		margin-bottom:4px;
		font-weight:bold;
		color:#9D9B92;
		}
	
	#encadre h3 { color:#454334; }
	
	h4 {
		font-size:0.9em;
		margin-bottom:3px;
	}
	h5, h6 { font-size:0.8em; font-weight:normal;}

.attribute-copyright { padding-top:4px; }
.attribute-copyright span { font-family:arial; line-height:1em; font-size:0.7em; color:#969595; font-style:italic; }
.copyright { padding-top:4px; font-family:arial; font-size:0.7em; line-height:1em; color:#969595; font-style:italic; }

.attribute-caption { padding-top:4px; font-family:arial; font-size:0.7em; line-height:1em; color:#969595; font-style:italic; }
.legende { padding-top:4px; font-family:arial; font-size:0.7em; line-height:1em; color:#969595; font-style:italic; }

/* pave header etc */
.header_block { margin-bottom:20px; padding:12px 10px; border:1px solid #A7A6AA; background:#ededed; overflow:hidden; }
.header_block .defaultbutton { margin-bottom:0; }
	
/* views */
.line { margin-bottom:25px; overflow:hidden; }
.event-calendar .line { clear:none; }
	
/* --------------------------------------------------------------------------------------------- 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 #4696ED; 
		background:#F2F8F8; 
		padding:5px 10px;
		}
		* html .contenu p.mis_en_avant {clear:both}
/* ------------------------------------------------------------------------- Citation */
	.contenu p.citation {
		overflow:hidden;
		font-style:italic;
		background:#efefef url(../images/background/citation.gif) no-repeat 97% 5px;
		padding:10px 60px 10px 10px;
		color:#434F59;
	}
	* html .contenu p.citation {clear:both}
/* --------------------------------------------------------------------------------------------- Liens */
	.contenu a {color:#484131;}
/* --------------------------------------------------------------------------------------------- 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 */
.tableau_donnees {
		float:left;
		width:100%;
		border-collapse:collapse;
		border-top:1px solid #ccc;
		margin:0 0 15px 0
	}
.tableau_donnees p {
		line-height:normal;
		margin-bottom:0
	}
.tableau_donnees th {
		background:#0084C2;
		border-bottom:1px solid #fff;
		padding:4px;
		color:#fff;
	}
	.tableau_donnees td {
		vertical-align:top;
		border-bottom:1px dotted #ccc;
		padding:6px 4px
	}
.tableau_donnees tr.alterne td {background:#ededed}
.tableau_donnees tr.survol td {background:#F0F3F3;color:#000;}
.tableau_donnees tr td.alignement_centre {text-align:center}
.tableau_donnees tr td.alignement_droite {text-align:right}
/* --------------------------------------------------------------------------------------------- Object */
	.object-left {
		clear:left;
		float:left;
		margin-right:15px;
		margin-bottom:10px;
	}
	.object-right {
		float:right;
		margin-left:15px;
		margin-bottom:10px
	}
	.object-center {
		text-align:center;
		margin-bottom:10px
	}

/* --------------------------------------------------------------------------------------------- Image */
	.image img {	vertical-align:middle; }
	
	.object-center .attribute-copyright { margin:0 auto; }
	.object-center .copyright { margin:0 auto; }
	.object-center .attribute-caption { margin:0 auto; }
	.object-center .legende { margin:0 auto; }
	
/* --------------------------------------------------------------------------------------------- Zone contextuelle */
	div.zone_contextuelle {
		/*float:right;*/
		width:250px;
		background:#cdd8de url(../images/background/degrade_bleu_blanc.gif) repeat-x left bottom;
		border-top:1px dashed #6f8da2;
		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 {
	padding:1px 0 0 18px;
	color:#E7571B;
	background:url(../images/background/savoir-plus.gif) no-repeat 0 4px;
	text-decoration:none;
	font-size:0.7em;
	}
	.savoir_plus a:hover {
		color:#000;
		text-decoration:none;
		background:url(../images/background/savoir-pluso.gif) no-repeat 0 4px;
		}

.contenu .formulaire ul, .contenu .formulaire li { margin-left:0; padding-left:0; list-style-type:none; }

/* FOLDER */
.intro.folder { border-bottom:1px solid #F29400; overflow:hidden; margin-bottom:25px; padding-bottom:10px; font-style:italic;  }
.sous_niveaux_2_noeud_211 .intro.folder { border-bottom:1px solid #F35600; }
.sous_niveaux_2_noeud_8316 .intro.folder { border-bottom:1px solid #4895ED; }
.sous_niveaux_2_noeud_8015 .intro.folder { border-bottom:1px solid #3CB500; }
.folder_left { clear:both; width:48%; float:left; }
.folder_right { width:48%; float:right; }

.two_cols_article_left { width:48%; clear:both; float:left; overflow:hidden;}
.two_cols_article_right { width:48%; float:right; overflow:hidden;}

#encadre {
	background:#EDEDED;
	width:182px;
	float:right;
	padding-bottom:10px;
	}
#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; }
.encadre-item { padding-bottom:10px; margin-top:10px; border-bottom:1px solid #454231; }
#encadre p { text-align:left; }


/* formulaire */
.form_item { margin-bottom:20px; }

input.defaultbutton, input.bouton, input.button { color:#fff; margin-bottom:20px; background:#006499 url(../images/background/defaultbutton.gif) repeat-x;
 	border:1px solid #ccc;
 	padding:1px 10px;
 	cursor:pointer;
	}
input.defaultbutton:hover, input.bouton:hover, input.button:hover { background:#F29400; border:1px solid #ccc; }


.champs_obligatoire, .obligatoire { font-size:0.9em; color:#006499; margin-bottom:20px; }

.tres_court {width:35px}
.court {width:80px}
.normal {width:100px}
.normal:focus { width:100px; background:#fff; }
.long {width:150px}
.tres_long {width:250px}

	
/* google pagination */
ul.pagination {
		float:left;
		width:100%;
		line-height:normal;
		text-align:left;
		padding:20px 0 0 0;
		font-size:0.9em;
	}
	ul.pagination li {
		float:left;
		background:none;
		padding:0;
		margin:0 10px 0 0;
		list-style:none;
	}
	ul.pagination li a, ul.pagination li span {
		display:block;
		float:left;
		border:1px solid #ccc;
		padding:1px 5px 0 5px;
		text-decoration:none;
	}
	ul.pagination li a {
		color:#fff;
		background:#006499 url(../images/background/defaultbutton.gif) repeat-x;
	 	cursor:pointer;		
	}
	ul.pagination li a:hover,
	ul.pagination li a:focus,
	ul.pagination li a.focus {
		color:#006499;
		border:1px solid #006499;
		background:#fff
	}
	ul.pagination li span {
		color:#006499;
		border:1px solid #006499;
		background:#fff
	}
		
/* AGENDA */

/* Agenda home */
.date, .lieu { font-weight:bold; padding-right:10px; }

#agenda_calendrier h3 { overflow:hidden; width:100%; font-size:1em; font-weight:bold; margin:0; }
#agenda_calendrier h3 a,
#agenda_calendrier h4 a { width:70%; float:left; }
#agenda_calendrier .theme { width:30%; float:right; font-weight:normal; text-align:right; }


#calendrier {
	width:171px;
	float:right;
	padding:5px 5px 5px 5px;
	overflow:hidden;
	}

#navigation_mois {
	background:url(../images/background/navigation_mois.gif) repeat-x;
	padding:3px 0;
	margin:0;
	text-align:center;
	overflow:hidden;
	height:100%;
	}
#navigation_mois li {
		display:block;
		float:left;
		width:15%;
		background:none;
		padding:0;
		margin:0
	}
#navigation_mois li a {
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
	color:#9d9b92;
	}
	#navigation_mois li a:hover { color:#4696ED; background:none; }
	
#navigation_mois li#mois_courant {
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	width:69%;
	}

#calendrier table {width:100%; text-align:center;background:#B6C7E7;font-size:0.9em;border:1px solid #9d9b92;margin-bottom:10px;}
#calendrier th {background:#fefefe;color:#9d9b92;}
#calendrier th a {color:#9d9b92; text-decoration:none; }
#calendrier th a:hover {color:#000;}			
#calendrier td {padding:0;color:#ccc;background:#ededed;}
#calendrier a {display:block;width:100%;font-weight:bold;color:#333;text-decoration:none;}
#calendrier a:hover {color:#9d9b92;background:#fff;}
#calendrier .jour_selectionne a {color:#fff;background:#4696ED;}
#calendrier .jour_selectionne a:hover {color:#fff;background:#4696ED;cursor:text;}

#themes_list_titre { color:#333; font-weight:bold; padding:0 5px 5px 5px; }
ul#themes_list, ul#themes_list li { background:none; color:#4696ED; }
ul#themes_list a { color:#9d9b92; }
ul#themes_list a:hover { color:#4696ED; background:none; }



.full.event .infos div { display:block; }

.line.event-calendar strong { margin-bottom:5px; display:block; }

.line.evenement { margin-bottom:2px; }
.evenement { padding:10px 10px 0 10px; background:#ededed; width:504px; }
.evenement h4 { font-size:1em; }

.today_block { margin-bottom:20px; }
.today_block .evenement { padding:0; background:#fff; width:524px; }

/* AGENDA festival nature */
	
	/* moteur de recherche */
	
	/* start */
	ul#par_dates { padding:0; margin-bottom:20px; }
	ul#par_dates li { float:left; list-style:none; margin:0 0 3px 0; padding:0; }
	ul#par_dates a { margin-right:3px; width:95px; font-weight:bold; white-space:nowrap; text-align:center; display:block; text-decoration:none; background:#dedede; overflow:hidden; color:#006699; padding:2px 10px; }
	ul#par_dates a:hover { color:#fff; background:#006499 url(../images/background/defaultbutton.gif) repeat-x; }	

	#event_view_festivalnature ul#thematiques { padding:0; margin-bottom:20px; }
	#event_view_festivalnature ul#thematiques li { list-style:none; margin:0 0 3px 0; padding:0; overflow:hidden; }
	#event_view_festivalnature ul#thematiques li a { font-weight:bold; color:#0084c2; }
	#event_view_festivalnature ul#thematiques li { float:left; width:300px; padding:0 20px 0 0; }
	/* end */

	#event_view_festivalnature #search-block { clear:both; display:block; padding:10px 20px 0 20px; background:#ededed; overflow:hidden: height:auto; margin-bottom:10px; }
	#event_view_festivalnature .date1, #event_view_festivalnature .date2 { float:left; }
	#event_view_festivalnature .date1 label, #event_view_festivalnature .date2 label { float:left; width:100px; margin-left:30px; }
	#event_view_festivalnature .date2 label { width:80px; }
	#event_view_festivalnature #boutons { clear:both; }
	#event_view_festivalnature #boutons .defaultbutton { margin-top:10px; }
	
	#event_view_festivalnature .resultats { clear:both; font-weight:bold; }
	
	.festival_nature_event { display:block; overflow:hidden; margin-bottom:30px; border-top:1px dotted #3cb500;padding:10px; background:url(../images/background/sitemap_td.gif) no-repeat; }
	.festival_nature_event strong { font-size:0.9em; }
	.festival_nature_event img { border-right:1px solid #333; border-bottom:1px solid #333; }
	.festival_nature_event h3 { color:#3cb500; }
	
	.caracteristiques { clear:both; overflow:hidden; height:100%; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px; margin-top:10px; }
	.caracteristiques span { display:block; float:left; border-right:1px solid #3cb500; padding:0 10px; margin-bottom:4px; }
	
	.particularites {border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px; }
	
	.conseils {border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px; }
	
	.informations {border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px; }
	
	.precisions { border-bottom:0; padding:10px; margin-bottom:10px; background:#ededed; }

/* sondage */
.full.poll fieldset { padding:10px; margin-bottom:10px; border:0; }
.full.poll legend { font-weight:bold; color:#4696ED; font-size:1.1em; }

.full.poll .bouton { float:left; }


.defaultbutton, .bouton, .button { color:#fff; margin-bottom:20px; background:#006499 url(../images/background/defaultbutton.gif) repeat-x;
 	border:1px solid #ccc;
 	padding:1px 10px;
 	cursor:pointer;
	}
.defaultbutton:hover, .bouton:hover, .button:hover { background:#F29400; border:1px solid #ccc; }

.poll .results-block { margin-top:10px; }
.poll .results-block a { color:#fff; margin-bottom:20px; background:#006499 url(../images/background/defaultbutton.gif) repeat-x;
 	border:1px solid #ccc;
 	padding:1px 10px;
 	cursor:pointer;
 	text-decoration:none;
	}
		
.warning { color:#969595; border:1px dotted #ccc; margin:20px 0; padding:10px 20px; }

.annuaire form { margin-bottom:20px; padding:10px; border:1px solid #A7A6AA; background:#ededed; }
.annuaire form .block { margin-bottom:10px; }
.annuaire form label { font-weight:bold; color:#0073AD;  }
.annuaire form .defaultbutton { margin-bottom:0; }
.annuaire .resultat { border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; }

/* ECARDs */
#ecards td { padding-bottom:10px; }


/* full ecard */
.ecard {
	float:left;
	overflow:hidden;
	padding:10px;
	border:1px solid #ededed;
	background:#ededed;
	margin:0 10px 10px 0;
	}
.ecard img { margin-bottom:10px; border-bottom:1px solid #666; border-right:1px solid #999; }


/* preview */
#ecards #preview {}
#ecards  #preview .image 	{ background:#ededed; padding:10px; }
#ecards  #preview .image img 	{ border-right:1px solid #333; border-bottom:1px solid #333; }

/* gallery */
#galerie {
		float:left;
		width:100%;
		margin-top:10px;
	}
	#galerie a.lightbox {
		background:none;
		padding-right:5px;
		overflow:hidden;
		margin-bottom:30px;
	}
	#galerie a.lightbox {
		display:block;
		float:left;
		width:110px;
		height:110px;
		text-align:center;
		border:1px solid #ccc;
		padding:5px;
		margin:0 15px 20px 0
	}
	#galerie a.lightbox:hover, #galerie a.lightbox:focus, #galerie a.lightbox.focus {background:#e4e4e4}
	
	#galerie a.lightbox img { border-bottom:1px solid #333; border-right:1px solid #333; }
	
	
	/* resultats de recherche */
	.full.searchresults .defaultbutton { padding:0 0 0 0; }
	.line.resultat_recherche { margin:0; list-style-type:none; }
	.line.resultat_recherche a { padding-left:9px; text-decoration:none; background:url(../images/background/resultat_recherche.gif) no-repeat 0 6px; }
	.line.resultat_recherche a:hover {text-decoration:underline; }
	
	/* offres d emploi */
	.ad_element_item { margin-bottom:10px; }
	.intitule h2 { width:85%; float:left; }
	.date_de_publication { width:15%; float:right; text-align:right; }
	.description { clear:both; }
	
	.marches-publics-item { clear:both; margin-bottom:20px; }
	.marches-publics-item p { margin:0; padding:0; }
	
	.publications #header { overflow:hidden; margin-bottom:30px; }
	.publications img { float:left; }
	.publications #header-body { float:right; width:490px; }
	.publications h2 { clear:both; margin-bottom:6px; }
	
	
	a.external_link { color:#2d4bad; }
	.file_link a { color:#e8581b; background:url(../images/background/icone_pdf.gif) no-repeat 0 0; padding-left:20px; }
	a.file_link { color:#e8581b; background:url(../images/background/icone_pdf.gif) no-repeat 0 0; padding-left:20px; }
	.file.embed-inline { color:#e8581b; background:url(../images/background/icone_pdf.gif) no-repeat right 0; padding-right:20px; }
	
	/* --------------------------------------------------------------------------------------------- Forum */
	div.contenu table.tableau_donnees tr td.auteur {width:150px}
	div.contenu table.tableau_donnees tr td span.date, div.contenu table.tableau_donnees tr td span.moderateur {
		font-size:.9em;
		color:#999
	}
	div.contenu table.tableau_donnees tr td img.epingle {
		vertical-align:middle;
		margin:0 5px 0 0
	}
	div.contenu table.tableau_donnees tr td span.moderateur {display:block}
	div.contenu table.tableau_donnees tr td input.bouton {
		float:left;
		margin:4px 10px 0 0
	}
	div.navigation_forum {
		width:100%;
		text-align:center;
		background:#eeeded;
		padding:5px 0;
		margin:0 30% 20px 0
	}
	div.navigation_forum span {color:#333}
	div.navigation_forum .precedent {
		float:left;
		margin:0 0 0 10px
	}
	div.navigation_forum a.precedent {
		padding:0 0 0 10px
	}
	div.navigation_forum .suivant {
		float:right;
		margin:0 10px 0 0
	}
	div.navigation_forum a.suivant {
		padding:0 20px 0 0
	}
	
.full.forum_topic .auteur .defaultbutton { float:left; margin-right:5px; }

/* Geoloco */
.iframe-block { text-align:center; }
.iframe iframe { float:left; }

/* offres d emploi */
.iag_ad_topic #encadre { margin-left:20px; }

/* geoloco */
.full.geoloco iframe { width:700px; overflow:auto; }

a.mp_download { display:block; width:136px; height:20px; background:url(../images/background/dl_mp.gif);  }

#galerie .image-block { display:block; width:109px; height:109px; overflow:hidden; }

/* commentaires */
.conteneur { margin-bottom:10px; }
.commentaire { clear:both; }
.comment_edit { padding-top:40px; }
.comment_edit textarea { width:450px; height:150px; }
h2.commentaire { margin:20px 0; }
div.commentaire { margin-bottom:20px; }
div.commentaire .infos { font-size:0.9em; }

/* forums */
.forum label, .forums label { display:block; width:130px; float:left; }

.forums.full  { padding-top:40px; }
.forum.full  { padding-top:40px; }

.forum.topic.full { padding-top:40px; }
.forum.topic.edit { padding-top:40px; }
.forum.topic.edit .subject input { width:300px; }
.forum.topic.edit textarea { width:450px; height:150px; }

.forum.reply.edit  { padding-top:40px; }
.forum.reply.edit textarea { width:450px; height:150px; }

.forum .date { font-weight:normal; color:#666; }
.forum .tableau_donnees p { font-weight:bold; color:#00579F; }


