@charset "utf-8";
/* CSS Document */
@import url(nav.css);


body { padding: 0; margin: 0; background: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif }

img { border:none }
form,fieldset { margin:0; padding:0; border:none }
.clearboth { clear: both; height: 0; margin: 0; padding: 0 }
a { text-decoration: none }
a:hover { text-decoration: underline }
.erreur { color:#FF0000; font-weight: bold }


#global { margin: 0 auto; width: 994px }
#global_accueil { margin: 60px auto; width: 680px }

#entete { width: 994px; height: 222px; clear:both }
	#logo { float: left; width: 244px; margin-top: 20px }
	#entete_droite { float: left; width: 750px; height: 187px; background:url('../images/extranet_fond.gif') no-repeat; text-align:right }
		#identification { float: right; width: 380px; height: 86px; margin: 100px 0 0 0; text-align:right }
			.identifiant, .pass { padding: 0 13px 0 0; text-align:right }
			#extra_login, #extra_pass { width: 136px; height: 17px; border: 1px solid #D8D8D8; margin: 2px 10px 2px 0 }
		#anniversaire { float: right; width: 450px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; padding: 0; margin: 10px 0 0 0; text-align:left }
		#date { float: right; width: 250px; height: 16px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#666; padding: 0; margin: 10px 0 0 0; text-align:right }
		.nom_extranet { font: 16px Verdana, Arial, Helvetica, sans-serif; color:#666 }

#zone_centrale { width: 994px; clear:both}

	#menu { float: left; width: 294px; padding: 10px 0 0 0; margin: 0; background:url('../images/avant_menu.gif') no-repeat }
		#navsection { padding: 5px 66px 0 0; margin: 0 0 12px 0; text-align:right }
		#navsection ul { padding: 0; margin: 0 }
			#navsection ul li { list-style: none }
			#navsection ul li a { color:#666; line-height: 20px }
			#navsection ul li a.active { color: #CC0000; padding: 0 0 0 11px; background: url('../images/puce_bleue.gif') no-repeat left 4px }
		.niveau_menu { font: 24px Arial, Helvetica, sans-serif; color:#999; background:url('../images/fond_onglet_menu.gif') no-repeat; width: 234px; height: 28px; padding: 5px 0 0 10px; margin: 0 }
		#nav { margin: -7px 0 0 0; width: 242px; background-color:#FFF }
		
	#contenu { float:left; width: 700px }
		#outils { width: 700px; height: 54px; border-top: 1px solid #E3001B }
			#chemin { float:left; 495px; margin: 9px 0 0 0; font: 11px Arial, Helvetica, sans-serif; color: #8A8A8A }
				#chemin a { color: #8A8A8A }
			#recherche { float:right; width: 182px; height: 54px; background:url('../images/recherche_fond.gif') no-repeat; padding: 0 0 0 20px }
				.search { float: left; width: 136px; height: 17px; border: 1px solid #D8D8D8; margin: 10px 10px 0 0 }
				.btnGo { float: left; margin: 4px 0 0 0 }
			
			
			#contenu_templates { margin: 10px 0 0 0; line-height: 18px }
			h1 { font: 22px verdana; color: #E3001B }
			h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000; text-transform: uppercase; margin: 0 0 16px 0 }
				#contenu_templates a.pdfLink { padding-left: 22px; background: url('../images/icones/icone_pdf.gif') no-repeat left 0; display:block; height: 24px }
				#contenu_templates a.docLink { padding-left: 22px; background: url('../images/icones/icone_doc.gif') no-repeat left 0; display:block; height: 24px }
				#contenu_templates a.excelLink { padding-left: 22px; background: url('../images/icones/icone_xls.gif') no-repeat left 0; display:block; height: 24px }
				#contenu_templates a.zipLink { padding-left: 22px; background: url('../images/icones/icone_zip.gif') no-repeat left 0; display:block; height: 24px }
			
			
			
			#pagination { width: 700px; text-align:center; margin: 40px 0 20px 0 }
			
			#col1 { float: left; width: 470px; margin: 0 20px 0 0 }
			#col2 { float: left; width: 210px; font: 11px verdana }
		
		.entete_commission { margin: 0 0 20px 0 }
			.entete_commission td { padding: 0 16px 8px 0; vertical-align:top }
			.intitule_case { font-weight: bold; width: 145px }
			#liste_commissions { width: 700px; padding: 3px; text-align:right }
			.tableau_cr_commission { width: 695px; margin: 0 0 0 6px }
			.fond_gris { margin: 7px 0 0 0; background-color: #f3f3f3; color:#666; padding: 2px 0 }
				.fond_gris p { margin: 0 }
		
		.cadre { border: 1px solid #ECE9D8; padding: 3px }
		.cadre_espacement { padding: 5px }
		.membres { width: 692px; margin: 12px 0 0 0  }
			h2.membres_commission { padding: 2px 2px 2px 24px; background: #E8E8E8 url('../images/icones/icone_membres.gif') no-repeat 3px 3px; margin: 0 0 12px 0; border: 1px solid #ECE9D8 }
			#liste_membres { margin: 10px 12px; width: 684px; height: 210px; font-size: 11px }
				.case_membre { width: 165px; height: 210px; padding: 0 6px 0 0; float:left }
				.photo_id { width: 72px; height: 100px; overflow:hidden; border: 1px solid #ccc; margin: 0 0 4px 0; background-image:url('../images/profil.gif') }
				.email_conseiller { font: 10px arial }


	/* agenda */
	#agenda_global { width: 460px; padding: 3px; margin: 0; border: 1px solid #ECE9D8 }
		.element_agenda { padding: 0 0 12px 24px; background:url('../images/puce_bleue.gif') no-repeat 8px 4px }
			
			h2.agenda { padding: 2px 2px 2px 24px; background: #FFF2C1 url('../images/icones/icone_agenda.gif') no-repeat 3px 3px; margin: 0 0 12px 0; border: 1px solid #ECE9D8 }
			h3 { margin: 0; padding: 0; font: 12px Verdana, Arial, Helvetica, sans-serif }
				h3 a { color: #014495 }
			h4 { font-weight: bold; margin: 0 0 2px 0; padding: 0 }
			h4.calendrier { padding: 0 0 0 24px; background:url('../images/icones/icone_agenda.gif') no-repeat left 2px }
			.pointilles { width: 400px; height: 1px; border-top: 1px dotted #ccc; margin: 3px 0 0 0 }
			.masque_blanc { margin: -15px 0 0 0; width: 450px; height: 5px; background-color:#FFF }
		.agenda_complet { margin: 4px 0 26px 0; text-align:right }
		.selecteur_agenda { margin-bottom: 12px }


	/* actualites */
	.zone_actualite { width: 202px; padding: 3px; margin: 0; border: 1px solid #ECE9D8	}
		.element_actualites { padding: 0 0 12px 24px; background:url('../images/puce_bleue.gif') no-repeat 5px 4px }
		h2.actualites { padding: 2px 2px 2px 24px; background: #E8E8E8 url('../images/icones/icone_actualites.gif') no-repeat 3px 3px; margin: 0 0 12px 0; border: 1px solid #ECE9D8 }
			h2.actualites a { color: #004294 }
		a.lien_actualites { color: #333 }
		.actualites_complet	{ margin: 4px 0 26px 0; text-align:right }


	/* CR Réunions */
	h2.crr { padding: 2px 2px 2px 24px; background: #E8E8E8 url('../images/icones/icone_crr.gif') no-repeat 3px 3px; margin: 0 0 12px 0; border: 1px solid #ECE9D8 }
	.titre_crr { display:block; border-bottom: 1px solid #ccc; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding: 2px; margin: 0 0 4px 0 }


	/* formation */
	h2.formations { padding: 2px 2px 2px 24px; background: #E8E8E8 url('../images/icones/icone_formation.gif') no-repeat 3px 3px; margin: 0 0 12px 0; border: 1px solid #ECE9D8 }
		h2.formations a { color: #004294 }
		.horaires { display:block; margin: 0 0 8px 0; color:#666 }

	/* conseil municipal */
	.fichier_conseil { margin: 0 0 8px 0 }
	h2.conseil { padding: 2px 2px 2px 24px; background: #E8E8E8 url('../images/icones/icone_conseil.gif') no-repeat 3px 3px; margin: 0 0 12px 0; border: 1px solid #ECE9D8 }


	/* pied page */
	#pied_page { border-top: 1px solid #E3001B; width: 700px; height: 80px; font: 11px arial; color: #666; margin: 86px 0 0 0 }	
		#pied_page a { color: #666 } 
		#haut_page { margin: -21px 0 0 0 }
		
	#pied_page_accueil { color:#666; margin-top: 60px; text-align:right }