/* coding: utf-8 */
/* ----------------------------------------------------------------- */
/* >>> GLOBAL */ 

* {margin: 0; padding: 0; border: none; }

img { border: none; }
ul, li { list-style-type: none; }
acronym, abbr { border-bottom: 1px dotted; cursor: help; }

body { background: #F6F3E3 url(fond_repeat.png) 0 0 repeat-x;  }

#body2 {
	position: relative;
	margin: 0 auto;
	width: 972px; 	
}

#main {
	background: transparent url(page_repeat.png) top center repeat-y;
	position: relative;
	margin: 0 auto;
	width: 836px; 
}

/* ----------------------------------------------------------------- */
/* >>> TYPO et HEADINGS */

body { 
	font: 12px/1.5em Arial, "Trebuchet MS", "Dejavu Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
	color: #37424A; 
}

h1 { 
	position: absolute;
	top: 25px; left: 96px;
	width: 152px; height: 205px; 	
}

h1 a { 
	display: block; 
	width: 152px; height: 205px; 
}

h2 { font-size: 26px; line-height: 30px; color: #AF5A20; }
h3 {  font-size: 15px; line-height: 18px; }

h2, h3 { margin-bottom: 2px; text-align: left; }
h2.jaune, h3 { color: #C09F36; }

#nav a, #nav a:link, #nav a:visited, #sidebar h2 { 
	font-size: 13px; 
	font-weight: bold; font-style: normal;
	color: #FFF; text-decoration: none;
}

#nav a.erreur, #nav a.erreur:link, #nav a.erreur:visited, #sidebar h2.erreur { 	color: #AF5A20; }

#sidebar h2 { 
	font-size: 15px; line-height: 30px; 
	margin: 1em 0 0 0; text-align: center; 
}

#menu-haut a, #hierarchie { font-weight: bold; color: #37424A; }
#menu-bas a, #rss { font-weight: bold; color: #FFF; }
#menu-haut a, #menu-bas a, #rss { text-decoration: none; line-height: 30px; }
#menu-bas a:hover { text-decoration: underline; }

#content { 
	font-size: 12px; line-height: 18px;
	text-align: justify; color: #37424A;
}
#content a, #content a:link, #content a:visited { 
	font-size: 11px; line-height: 18px; 
	font-weight: bold; 
	text-decoration: underline; color: #62AB4A;
}
#content a:hover { text-decoration :none; }

#content h2 a, #content h2 a:link, #content h2 a:visited {
	font-size: 14px; color: #C09F36;
}
#content h2:hover {}

#content #hierarchie a { font-style: normal; text-decoration: none;}
#content #hierarchie a:hover { text-decoration: underline;}


/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }
	
		legend { 
			font-size: 15px; line-height: 18px;
			font-weight: bold; color: #C09F36; 
			margin-bottom: 1em; 
		}
		
		label { cursor: pointer; }
		
		.formulaire_spip label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 33%; margin-right: 2%;
		}

		.forml { border: inset 2px #ddd; margin-bottom: 0.5em; width: 60%; }
		
		.spip_bouton { text-align: right; margin: 1em 5%; }
		.boutons input, .spip_bouton input { border: 2px outset #DDD; }
		
		button { padding: 1px 3px; }
		#content button { margin-left: 35%; }

		.erreur, #sidebar .erreur { color: red; font-weight: bold;}
		.erreur label, #sidebar .erreur label { display: block; width: 100%; text-align: left;}
		
	.palette form, #logout { margin: 0 18px; }
		.palette label { font-size: 11px; line-height: 12px ; }		
		.palette input { width: 100%; margin-top: 2px; }
		
		.palette .checkbox, .palette .radio input { width: auto; }
		
	.radio { margin: 0.5em 0 0.5em 0; }
	.radio label { width: auto; margin: 0 25px 0 5px; }
	.radio input { float: left; }
			
/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header { 
	background: transparent url(bandeau_accueil.png) top center no-repeat;
	width: 972px; height: 266px; 
	margin: 0 auto; 
}

	#menu-haut {
		position: absolute; 
		top: 49px; right: 83px;
		width: 359px; height: 26px; 
		text-align: center;
	}
	
		#menu-haut li { float: left; }
		
			#menu-haut li a {
				display: block; 
				height: 26px;
			}
			
			a#accueil { width: 72px; }
			a#menu-haut-1 { width: 93px; }
			a#menu-haut-2 { width: 72px; }
			a#menu-haut-3 { width: 122px; }		
			
			a#accueil:hover { background: transparent url(overaccueil.png) top center no-repeat; }
			a#menu-haut-1:hover { background: transparent url(overplansite.png) top center no-repeat; }
			a#menu-haut-2:hover { background: transparent url(overcontact.png) top center no-repeat; }
			a#menu-haut-3:hover { background: transparent url(overmentionsleg.png) top center no-repeat; }


/* ----------------------------------------------------------------- */
/* >>> NAV */

#nav { 	
	background: transparent url(menu_repeat.png) top center repeat-y;
	float: left; margin: 0 0 40px 10px;
	width: 184px;  
}

	#nav-gauche { 
		background: transparent url(menug_gch.png) top left no-repeat; 
		width: 16px; height: 218px; 
	}
	#nav-droite { 
		background: transparent url(menug_dr.png) top right no-repeat; 
		width: 22px; height: 218px;
	}
	
	#nav-footer { 
		background: transparent url(menug_pied.png) bottom center no-repeat;
		clear: both; width: 100%; height: 35px;
	}
	
	#menu { 
		background: transparent url(menug_ht.png) top center no-repeat;
		
		margin: 0 22px 0 16px;
		padding-top: 20px; 
		text-align: left; 
	}
	
	#menu li { 
		min-height: 35px;
		border-bottom: 1px solid #FFF; 
	}	
	#menu li a { 
		display: block; 
		padding: 11px 0 11px 3px;
		
	}

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { 
	float: left;
	margin-left: 10px; 
	width: 437px;
	text-align: justify;
}

	#content p { margin: 0.5em 0; }

	#content .spip_documents { padding: 0.5em; }
	#content .spip_documents_left { margin: 0.3em 1em 0 0; }
	#content .spip_documents_right { margin: 0.3em 0 0 1em; }
	#content .spip_documents img { display: block; }
	#content .spip_documents_center { text-align: center; }
	#content .spip_documents_center img { display: block; margin: auto; }
	
	#content ul { margin: 1em 0; }
	
	#content li { 
		list-style: outside url(fleche_puce.png); 
		margin: 0.25em 0 0 2em; padding: 0 0 0 0.5em; 
	}
	
		#content .liste { font-weight: bold; color: #C09F36; }
		#content li p { margin: 0 0 0 1em; }
		
	.filet { margin: 0 0 1em; }
	.desc { font-style: italic; }
	
	#content a.ancre-top { 
		float: right; 
		color: #C09F36; 
		text-decoration: none;
		font-style: normal;
	}
	#content a.ancre-top:hover { text-decoration: underline; }
	
	#port-folio-image li { list-style: inside none none; }
	.sitemap { margin: 0 25px;}
	
	table { text-align: center; }
		th, td { padding: 0 0.5em; border: 1px solid #C9C9C9; }
		th { background-color: #62AB4A; color: #FFF; }
		td { border: 1px solid #C9C9C9; }
	
/* ----------------------------------------------------------------- */
/* >>> SIDEBAR */

#sidebar { 
	position: relative; float: right;
	top: -80px; right: 10px;	
	width: 175px; 
}

	#sidebar p { padding-top: 0.2em; }
	
	.palette { 
		background: transparent url(palette_repeat.png) top center repeat-y;
		width: 100%; 
	}
	
	#logout, #er { 
		text-align: center; 
		padding: 5px 0; 
	}
	
	#er { width: 74px; height: 25px; }
	#er a { 
		display: block; width: 100%; height: 25px;
		background: transparent url(bouton_acceder.png) top center no-repeat;
	} 
	#er a:hover { background-position: 0 -25px; }
	
	.palette-footer { background: transparent url(palette_bas.png) bottom center no-repeat; }

	#sidebar h2 { width: 175px; height: 35px; position: relative; }
	#sidebar h2 span { position: absolute; left: 0; bottom: 0; width: 175px; }

	h2#titre-formulaire_accesres { background: transparent url(palette_accesres.png) top center no-repeat; }
	h2#titre_formulaire_sondage { background: transparent url(palette_recherche.png) top center no-repeat; }
	h2#titre-formulaire_recherche { background: transparent url(palette_telech.png) top center no-repeat; }
	h2#titre-downloads { background: transparent url(palette_new.png) top center no-repeat; }
	
	#formulaire_sondage p { margin: 3px 12px; }
	#formulaire_sondage button { background-color: #C09F36; color: #FFF; }
	
	#formulaire_recherche input { border: 1px solid #98B028; }
	#formulaire_recherche button { background-color: #98B028; color: #FFF; }
	
	#acces_res_ht { background: transparent url(acces_res_ht.png) top center no-repeat; width: 175px; height: 26px; }
	#formulaire_accesres p { margin: auto; }
	#formulaire_accesres input 	{ border: 1px solid #AF5A20; }
	#formulaire_accesres button { background-color: #AF5A20; color: #FFF; }
	
	#formulaire_accesres a, #formulaire_accesres a:link, #formulaire_accesres a:visited {
		text-decoration: underline; color: #AF5A20;
	}	
	#formulaire_accesres a:hover { text-decoration: none; }
	
	#formulaire_sondage ul, #downloads ul { margin: 0 18px; padding-top: 10px; } 
	#formulaire_sondage li, #downloads li { margin-left: 12px; color: #62AB4A; }
	#formulaire_sondage li { margin: 0; }
	#downloads li { list-style: outside url(puce_verte.png);  }	
	#downloads a, #downloads a:link, #downloads a:visited {
		text-decoration: none; font-weight: bold; color: #37424A; 
	}
	#downloads a:hover { text-decoration: underline; }

/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer { 
	background: transparent url(page_pied.png) bottom center no-repeat;
	clear: both; 
	width: 100%; height: 32px;
}

	#menu-bas { 
		float: right; 
		margin-right: 20px; 
		text-align: center;
	}

		#menu-bas li { float: left; }
		
		#menu-bas li a { margin: 0 15px; line-height: 28px; }
		
		#rss { margin: 0 30px; line-height: 32px; }
		#rss img { vertical-align: text-bottom; }

/* ----------------------------------------------------------------- */
/* >>> CLASSES DIVERSES */

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}

/* ----------------------------------------------------------------- */