@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Blog Genas
Theme URI: http://www.magazine.fr/
Description: Theme created by Magazine.
Version: 1.0
Author: magazine
 
Creation Theme by Magazine || http://www.magazine.fr
 
*/




/* ------------------------ BASE ------------------------ */




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


body {
	margin : 0;
	padding : 0;
	background-color : #DDD;
	background-image:url(images/bg_blog.gif);
	background-repeat: repeat;
	font-family: Lucida Grande, Arial, Verdana, Geneva, Helvetica, Sans-serif;
	font-size:8pt;
	color:#444;
}


A {
	outline-style:none;
	text-decoration:none;
	color:#222;
	outline: none; /* hack FF pour envlever pointillés autour des liens */
}

A:hover {
	outline-style:none;
	text-decoration:none;
	color:#BECD00;
}

A:visited {
	outline-style:none;
	text-decoration:none;
}


/* HACK POINTILLES SUR FIREFOX */ 

:focus {
	-moz-outline-style: none; /* hack FF pour envlever pointillés autour des liens */
}



/* ------------------------ MAIN ------------------------ */


#global {

	width:950px;
	margin: 0 auto 0 auto;
	
}


#mainWrap{
	width:950px;
	background-image:url(images/bg_main.png);
	background-repeat:repeat-y;
	margin:0 auto 0 auto;
	min-height:1150px;
    height:auto !important;
    height:1150px;

}


		#main {
			width:900px;
			margin:0 auto 0 auto;
			padding-left:1px;

		}

/* ------------------------ HEADER ------------------------ */


			#header {
				height:165px;
				margin:0 auto 0 auto;
				background-color:#f8f7f5;
				width:899px;	
				background-image:url(images/bg_top_main.png);
				background-repeat:no-repeat;
				background-position:bottom;
			}
			
			
			#headerRightWrap{	
				}
			
			#titleWrap{
				width:530px;
				margin-left:160px;
			}
			
			
						#blogDesc{
							background-image:url(images/blog_desc.gif);
							background-repeat:no-repeat;
							height:25px;
							overflow:hidden;
							text-indent: -9999px;
							margin-top:-5px;
							width:530px;
						}
						
						
				#headerTextWrap{
					float:left;
					width:160px;
					height:140px;
				}
	
					#headerText{
						height:138px;
					}
					
						#HeaderInnerText{
							padding:18px 55px 20px 30px;
							font-size:7.5pt;
							color:#999;
							line-height:150%;
						}
	
	
							#savoir{
								background-image:url(images/savoir_plus.png);
								background-repeat:no-repeat;
								height:20px;
								width:100px;
								background-position:left bottom;
								margin-left:-1px;
							}		
							
						
						
							#maire{
								background-image:url(images/portrait_maire_02.png);
								background-repeat:no-repeat;
								float:right;
								height:160px;
								width:140px;
								margin:15px 40px 0 0;
								background-image:right;
							}				
							
					
				
	
/* ------------------------ SIDEBAR2 ------------------------ */


.sidebar2{
	height:30px;
	background-color:#B3B1A5;
	width:901px;
}

			
			#menuWrap {
				margin:0 auto 0 auto;
			}
			
					#menuSpacer {
						height:5px;
						margin:0 auto 0 auto;
					}
					
					#menu {
						height:20px;
						width:95%;
						margin:0 auto 0 auto;
					}
					

								#menu ul li {
								
									list-style-type:none;
									float:left !ie; /*pour IE*/
								}
								
								#menu ul li a {
									display: block;
									float:left; 
									height: 19px;
									text-decoration:none;
									vertical-align:middle;
									padding: 1px;
									padding: 1px !ie;
									outline:none;
								}
								
											a.blog{
												width:35px;
												text-align:center;
												background: url(images/menu_blog.gif) no-repeat 0 0;
												background-position:top;
											}
											
											a.blog:hover {
											}
									
									
									
											a.separator{
												width:32px;
												text-align:center;
												background: url(images/menu_separator.gif) no-repeat 0 0;
												background-position:top;
											}
											
											a.separator:hover {
											}
									
									
									
									
											a.aPropos{
												width:138px;
												text-align:center;
												background: url(images/menu_aPropos.gif) no-repeat 0 0;
												background-position:top;
												
											}
											
											a.aPropos:hover {
												background-position:bottom;
											}
											
											a.maire{
												width:61px;
												text-align:center;
												background: url(images/menu_maire.gif) no-repeat 0 0;
												background-position:top;
												
											}
											
											a.maire:hover {
												background-position:bottom;
											}
											
											a.conseilMunicipal{
												width:148px;
												text-align:center;
												background: url(images/menu_conseilMunicipal.gif) no-repeat 0 0;
												background-position:top;
												
											}
											
											a.conseilMunicipal:hover {
												background-position:bottom;
											}
											
											a.publications{
												width:95px;
												text-align:center;
												background: url(images/menu_publications.gif) no-repeat 0 0;
												background-position:top;
												
											}
											
											a.publications:hover {
												background-position:bottom;
											}	
											
											
											a.liens{
												width:38px;
												text-align:center;
												background: url(images/menu_liens.gif) no-repeat 0 0;
												background-position:top;
												
											}
											
											a.liens:hover {
												background-position:bottom;
											}	
											
											a.faq{
												width:24px;
												text-align:center;
												background: url(images/menu_faq.gif) no-repeat 0 0;
												background-position:top;
												
											}
											
											a.faq:hover {
												background-position:bottom;
											}	
											
											
											a.contact{
												width:59px;
												text-align:center;
												background: url(images/menu_contact.gif) no-repeat 0 0;
												background-position:top;
												
											}
											
											a.contact:hover {
												background-position:bottom;
											}	
									
			
			
			
/* ------------------------ POST & PAGE & CONTENT ------------------------ */			
			

			/*#bgTopMain{
				background-image:url(images/bg_top_main.png);
				background-repeat:no-repeat;
				height:28px;
			}*/
	
					
			#content {
				padding: 25px 0px 0px 65px;
				width:535px;
				float: left;
				margin: 0px 0px 20px 30px;
				background-image:url(images/bg_left_main.png);
				background-repeat:no-repeat;
				background-position:top left;
				min-height:800px;
				height:auto !important;
				height:800px;

			}
			
			
					.post {
			
					}
					
					
					.page {
			
					}
					
					
							.postmetadata {
								font-size:8pt;
								height:15px;
								/*background-image:url(images/bg_metadata.gif);
								background-repeat:repeat-x;
								background-position:top;*/
								
							}
							
							
									.postmetadataText {
										font-size:8pt;
										color:#888;		
										padding:4px 0px 0px 2px;							
									}
									
									
									.alignleft{
									float:left;
									}	
							
							
							
							
							/* ----- style contenu du post ----- */
							
							
							
							.post_content {
								color:#444;
								margin:15px 0 30px 0;
								text-align:justify;					
							}
							
							.post_content h3{
								color:#000;							
							}
							
							.post_content ul {
								list-style:square inside;
								text-indent:5px;
								margin-bottom:6px;						
							}
							
							.post_content li {
								line-height:120%;
								margin-bottom:0px;						
							}
							
							.post_content p{
								margin-bottom:6px;							
							}
							
							.post_content IMG {
									border: 1px solid #ccc;
									padding:5px;
									background:white none repeat scroll 0 0;
									/*width:525px;*/
									height:auto;
							}	
							
							
							/*.post_content p IMG {
									padding-bottom:20px;
									margin-bottom:15px;
									background-image:url(images/img_under.jpg);
									background-repeat:no-repeat;
									background-position:center bottom;
									overflow:visible;
							}*/	
							
							.post_content p.shadow {
									padding-bottom:14px;
									background-image:url(images/img_under.jpg);
									background-repeat:no-repeat;
									background-position:center bottom;
									/*margin:0px 15px 10px 0;*/
							}
							
							/* ----- style contenu de la page ----- */
											
									
									
							.page_content {
								color:#444;
								margin:15px 0 30px 0;
								text-align:justify;					
							}
							
							.page_content h3{
								color:#000;							
							}
							
							.page_content ul {
								list-style:square inside;
								text-indent:5px;
								margin-bottom:6px;						
							}
							
							.page_content li {
								line-height:120%;
								margin-bottom:0px;						
							}
							
							
							.page_content h1{
								font-size:11pt;
								font-weight:bold;	
								color:#222;	
								margin-bottom:10px;					
							}
							
							.page_content h2{
								font-size:10pt;	
								color:#333;		
								margin-bottom:4px;								
							}
							.page_content h3{
								font-size:10pt;	
								color:#444;
								margin-bottom:4px;							
							}
							
							.page_content p{
								margin-bottom:6px;							
							}
							
							.page_content IMG {
									border: 1px solid #ccc;
									padding:5px;
									margin:0px 15px 10px 0;
									background-color:#FFFFFF;
							}	
							
							
							
							/* ----- style contenu du post Agenda ----- */
							
									
							.post_content_agenda {
								color:#444;
								margin:15px 0 30px 0;
								text-align:justify;					
							}
								
							.post_content_agenda p{
								margin:10px 0 6px 0;		
													
							}
							
							.post_content_agenda_date {
								font-family:"Times New Roman", Times, serif;
								color:#b2b1a5;
								background-image:url(images/quote.gif);
								background-repeat:no-repeat;
								background-position:left;
								padding:2px 0 0 15px;
								text-indent:0px;
							}

							
							
							.postButton{
								float:right;
							}
							
		.navigation {
								
		}

		.category {
			color:#a37b37;
		}
		
				.category a {
					color:#a37b37;
				}
		
		.date {
			font-family:"Times New Roman", Times, serif;
			color:#b2b1a5;
			background-image:url(images/quote.gif);
			background-repeat:no-repeat;
			background-position:left;
			padding:2px 0 0 15px;
		}
		
		.pdf{
			margin-right:5px;
	
		}
		
		.pdfLink{
			background-image:url(images/pdf.gif);
			background-repeat:no-repeat;
			background-position:top left;
			padding:5px 8px 2px 8px;
		}
		
		
		.print{
			margin-right:2px;
		}
		
		
		.mail{
		}
		
				.WP-EmailIcon{
					margin:0px;
					border:none;
					padding:0;
				}
				
				.WP-PrintIcon{
					margin:0px;
					border:none;
					padding:0;
				}


		.author {
			float:left;
			color:#BECD00;
			font-size:8pt;
		}
		
				.authorName {
					color:#000;
				}


		.postFooter {
			border-top:1px dotted #666;
			border-bottom:1px dotted #666;
			margin:5px 0 0 0;
			padding:10px 0 25px 0;
		}
		

		.presse_content {			
		}
		
		.presse_content a {		
			 line-height:160%;	
		}
		
		.archivesList {
			list-style:none;
			color:#ccc;
			line-height:175%;
			font-size:9pt;
			margin:15px 0 30px 0;
		}

/* ------------------------ NAVIGATION ------------------------ */	


.navigation a:hover{
	color:#BECD00;	
}



/* ------------------------ DESCRIPTIF ------------------------ */	

						
		
		.spacerDesc{
			height:10px;
		}
		
		.postDesc {
			min-height:20px;
			background-image:url(images/bg_postdesc.gif);
			background-repeat:repeat;			
		}
		
				.postDescText {
					padding:4px 0 0 5px;	
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:9pt;
					font-style:italic;
					
				}
				
		
		
		.postDescBorder {
			height:4px;	
			background-image:url(images/bg_postdesc_border.gif);
			background-repeat:repeat;	
			overflow:hidden;		
		}
		
		
		.post-meta li{	
			min-height:18px;
			line-height:130%;
			text-decoration:none;
			list-style-type:none;
			list-style:none;
			color:#000;
		}
		
		.post-meta-key {
			font-weight:bold;
			font-style:normal;
			color:#000;
		}




		
							
/* ------------------------ SIDEBAR1 ------------------------ */



.sidebar1 {	
	padding: 0 80px 0 0px;
	float: right;
	width: 180px;
	height:auto;
	color:#777;
}

		.sidebar1 a {	
			color:#222;
			font-size:8pt;
		}
		
		.sidebar1 li a:hover {	
			color:#BECD00;
			font-size:8pt;
		}
		
		.sidebar1 UL LI {
			list-style:none;	
		}
		
		
				.sidebar1 li {
					line-height:100%;
					margin:5px 0 10px 0;
				}
				
		.sidebar1 h2{
			border-top:1px dotted #666;
			padding-top:14px;
			margin:18px 0 10px 0;
			color:#BECD00;
			line-height:150%;
			font-size:10pt;
			font-weight:normal;
			background-position: left bottom;
		}		

		
		
					#questionMaire{
						height:10px;
						background-image:url(images/acces.gif);
						background-repeat:no-repeat;
						background-position:right;
						font-family:"Times New Roman", Times, serif;
						font-style:italic;
						padding:5px 20px 5px 0px;
						text-align:right;
						color:#ccc;
						margin-bottom:25px;
						}
							
							
							#questionMaire a{
								color:#ccc;
							}
							
							#questionMaire a:hover{
								color:#BECD00;
							}


.formBouton{
	height:20px;
	width:17px;
	font-size:9pt;
	color:#BECD00;
	background-color:#fff;
	background-image:url(images/recherche.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-indent:-9999px;
	overflow:hidden;
}

.formBg{
	background-image:url(images/bg_form.gif);
	background-repeat:no-repeat;
	height:20px;
}

.formField{
	background-color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin:3px 0 0 5px;
	color:#bbb;
}


.separator{
	/*border-top: 1px solid #DDD;*/
	background-image: url(images/separator.gif);
	background-repeat:no-repeat;
	background-position: left center;
	width:150px;
	height:20px;
}


#calendar CAPTION {
	color:#BECD00;
	margin-bottom:5px;
	text-align:left;
}

#calendar a {
	color:#666;
}

#calendar a:hover {
	color:#BECD00;
}

#calendar tbody {
	color:#ccc;
}


#today {
	font-weight:bold;
	color:#BECD00;
}

.accesWrap{
	height:15px;
}
		
		.acces {
			height:12px;
			background-image:url(images/acces.gif);
			background-repeat:no-repeat;
			background-position:right;
			font-family:"Times New Roman", Times, serif;
			font-style:italic;
			padding:5px 20px 5px 0px;
			text-align:right;
			float:right;
		}
		
		.accesWrap a {
			color:#ccc;
			
		}


.cat-item {
	color:#CCC;
}

.archives {
	color:#CCC;
}

.indent {
	padding-left:4px;
	line-height:120%;
}


.projetVille {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	line-height:130%;
}


		.projetVille a {
			color:#ccc;
		}
		
		.projetVille img {
			margin:0 0 5px 5px;
		}


.espacePresse img {
	margin:0 0 5px 5px;
	border:1px solid #bbb;
}



.sidebarGallery {
}

.sidebarGallery img {
	border:1px solid #bbb;
	margin-bottom:5px;
}


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


#footer {
	font-size: 7pt;
	width:950px;
	height:50px;
	margin:0 auto 0 auto;
	padding: 10px 0 10px 0;
	background-image: url(images/bg_footer.png);
	background-repeat:no-repeat;
	clear: both;
	color:#aaa;
}

		#footer a{
			color:#888;
		}
		
		#footer a:hover{
			color:#BECD00;
		}



/* ------------------------ COMMENT ------------------------ */



.commentsTemplate  {
	
}


.commentsTemplate textarea {
	margin:10px 0 2px 0;
	padding:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9pt;
	border: 1px solid #ccc;
}

.commentsTemplate input {
	margin:0 0 10px 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
 
.comments-template h2, .comments-template h3{
	font-size: 12pt;
}
 
.commentmetadata {
	font-size: 8pt;
	color:#666;
}

.commentlist p{
	font-size: 9pt;
	color:#BECD00;
	margin: 2px 0 2px 0;
}

.commentlist {
	list-style:none;
	list-style-type:none;
}
 
 
		.commentlist li {
			border-bottom:1px dotted #ccc;
			background-repeat:no-repeat;	
			background-position:bottom;
			padding:4px 4px 12px 4px;
			margin: 5px 0 10px 0;
		} 
 
.comments-template p.nocomments{
	padding: 0;
}
 
.comments-template textarea p{
	
}

.cadre_commentaires {
	/*border-bottom: 2px dotted #ccc;*/
	/*border-top: 1px solid #ccc;*/
	margin : 10px 0 10px 0;
	padding: 10px 0 10px 0;
}


.commentsPost {
	float:right;
	color:#888;
	font-size:8pt;
	font-family:"Times New Roman", Times, serif;
}

		.commentsPost a {
			color:#fff;
		}
		
		.commentsPost a:hover {
			color:#333;
		}

.commentInput{
	padding:1px 0 0 5px;
	height:20px;
	border: 1px solid #ccc;
}

.commentSend{
	background-color:#fff;
	color:#BECD00;
}

		.bgCom01 {
			background-image:url(images/bg_com_01.gif);
			background-repeat:no-repeat;
			background-position:bottom;
			width:115px;
			height:30px;
			padding:2px 5px 4px 5px;
		}
		
		.bgCom02 {
			background-image:url(images/bg_com_02.gif);
			background-repeat:no-repeat;
			width:90px;
			height:30px;
			padding:0.5px 5px 4px 5px;
		}

		
		.more-text {
			width:60px;
			background-image:url(images/suite.gif);
			background-repeat:no-repeat;
			background-position:right;
			padding:5px 12px 5px 0px;
			margin: 5px 0 -20px 0;
	
		}
		
		.more-link {
			height:12px;
			font-family:"Times New Roman", Times, serif;
			font-style:italic;
			text-align:right;
			color:#ccc;
		
		}
	
		.pageTop {
			height:20px;
			width:20px;
			background-image:url(images/haut.gif);
			background-repeat:no-repeat;
			background-position: top right;
			float:right;
			margin-top:-20px;	
		}
		
		.preFooter{
		}
		
		.preFooterSpacer{
			height:20px;
			width:20px;
		}
		
		
/* ------------------------ CLEAR ------------------------ */


#clear {
	clear:both;	
}



/* ------------------------ H & TITLE ------------------------ */



h1.headerTitle {
	width:530px;
	height:110px;
	background-image: url(images/blog_title.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
	background-position: left bottom;
}


h2 {
	font-weight:normal;
	
}


h2 a {
	color:#000;
	font-size: 16pt;
}



h2.categories {
	background-image: url(images/sidebar_categories.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
}

h2.archives {
	background-image: url(images/sidebar_archives.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
}

h2.agenda {
	background-image: url(images/sidebar_agenda.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
}


h2.galerie {
	background-image: url(images/sidebar_galerie.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
}


h2.espacePresse {
	background-image: url(images/sidebar_presse.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
}


h2.projet {
	background-image: url(images/sidebar_projet.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
}


h3#comments  {
	font-size:9pt;
	margin: 20px 0 12px 0;
	color:#333;
	
}

h3#respond {
	font-size:9pt;
	margin-bottom: 5px;
	color:#333;
	
}


.TextField {
}



/* ------------------------ PLUGIN ------------------------ */

.wp-email{
	color:#333;
	margin-top:20px;
}

.wp-email SPAN{
	color:#E20028;
}

.event_header{
	color:#BECD00;
}

.events li{
	color:#bbb;
	margin:3px 0 10px 0;
	font-size:8pt;
}



/* ------------------------ AGENDA ------------------------ */

		.menuAgenda {
						height:20px;
						margin:0 auto 0 auto;
					}
					

								.menuAgenda  ul li {
									list-style-type:none;
									float:left !ie; /*pour IE*/
								}
								
								.menuAgenda  ul li a {
									display: block;
									float:left; 
									height: 17px;
									text-decoration:none;
									vertical-align:top;
									padding-top:2px;
									padding-right: 12px;
									padding-right: 10px !ie;
									outline:none;
								}
								
											a.tout{
												width:35px;
												text-align:center;
												background: url(images/agenda_bouton_tout.gif) no-repeat 0 0;
												background-position:top;
											}
											
											a.tout:hover {
												background-position:bottom;
											}
									
									
									
											a.agendaMaire{
												width:34px;
												text-align:center;
												background: url(images/agenda_bouton_mairie.gif) no-repeat 0 0;
												background-position:top;
											}
											
											a.agendaMaire:hover {
												background-position:bottom;
											}
											
											
											a.gdt{
												width:35px;
												text-align:center;
												background: url(images/agenda_bouton_gdt.gif) no-repeat 0 0;
												background-position:top;
											}
											
											a.gdt:hover {
												background-position:bottom;
											}
									
									
											a.cm{
												width:60px;
												text-align:center;
												background: url(images/agenda_bouton_evenements.gif) no-repeat 0 0;
												background-position:top;
											}
											
											a.cm:hover {
												background-position:bottom;
											}
									
									
			.agendaWrap{
			}