/* CSS Document */

/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #a5a5a5 url(images/bg_body.jpg) repeat-x top;
	height: 100%;
	padding: 0 0 20px 0;
	
	text-align: center;
}

a img {
	border: none;
}

/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */	
	text-align: right;
	color: #fff;
	font-size: 0.6em;
	
	width: 970px;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}

#liensevitement a { /* Les liens d'evitement */
	text-decoration: none;
	color: #fff;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active { /* Rollover des liens d evitement */
	text-decoration: underline;
	color: #a5a5a5;
}

h2.access {  /* Balise H2 masquee */
	position: absolute;
	z-index: 100;
	top:-10000px;
}
/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#conteneur { /* Conteneur global */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	z-index: 1;
	text-align: left;
	background: url(images/int_bg_blockcontenu.jpg)  repeat-y;
	border: 1px solid #bfc1b4;
}


/* BANDEAU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bandeau {
	z-index: 1;
	background-image: url(images/page_bandeau.jpg);
	background-repeat: no-repeat;
	height: 210px;
}

	h1 {		/* Logo de la mairie */
		position: absolute;
		top: 4;
		left: 40px;
		z-index: 99;
	}

	#masque {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
	}

	/* MENU PRINCIPAL */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	ul#nav_principale {
		list-style: none;
		
	}
	
		ul#nav_principale li {
			display: inline;
			position: absolute;
			z-index: 99;
		}
	
	
		ul#nav_principale li#rub_1 {
			left: 216px;
			top: 156px;
		}
		ul#nav_principale li#rub_5 {
			left: 312px;
			top: 145px;
		}
		ul#nav_principale li#rub_23 {
			left: 435px;
			top: 140px;
		}
		ul#nav_principale li#rub_33 {
			left: 567px;
			top: 137px;
		}
		ul#nav_principale li#rub_38 {
			left: 783px;
			top: 134px;
		}
		ul#nav_principale li#rub_39 {
			left: 879px;
			top: 126px;
		}


/* CONTENU EXTENSIBLE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_contenu { /* Block contenu */	
	background: url(images/int_bg_block_contenu.jpg) no-repeat left bottom;
	width: 970px;
}

	/* COLONNE GAUCHE */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
	#colonne_gauche { /* Colonne gauche */
		overflow-x: visible!important;
		overflow-x: hidden;
		
		float: left;
		display: inline;
		width: 245px;
		padding: 0 0 277px 0;
		background: url(images/int_bg_colonne_gauche.png) no-repeat top left;
	}
		
		#colonne_gauche h2 {	/* Titre du sous menu */
			background: url(images/bg_h2.gif) no-repeat top left;
			margin: 14px 0 0 0;
			padding: 38px 0 0 0;
			width: 245px;
			height: 54px;
			text-align: center;
		}	

	/* COLONNE CONTENU */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#colonne_contenu {	
		overflow-x: visible!important;
		overflow-x: hidden;
		float: left;
		display: inline;
		width: 480px;
		background: url(images/int_bg_contenu.jpg) no-repeat top left;
		padding: 0 20px 70px 25px;
	}
	
	/* COLONNE DROITE */
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#colonne_droite {
		float: left;
		display: inline;
		width: 200px;
		overflow-x: visible!important;
		overflow-x: hidden;
		margin: -30px 0 0 0;
		position: relative;
		z-index: 99;
	}

		/*  MENU */
		#menu {
			width: 187px;
			padding: 0 0 0 13px;
			background: url(images/int_bg_menu.png) no-repeat top;
			height: 265px;
		}
			html>body #menu {
				height: auto;
				min-height: 265px;
			}
			/* FORMULAIRE DE RECHERCHE */	
			h2.titre_recherche {
				margin: 0 18px 3px 0;
				text-align: right;
				background: none;
				padding: 0;
			}
			#menu form {
				width: auto;
			}
			#recherche {  /* Formulaire */
				padding: 3px 0 18px 19px;
			}
			#recherche p { 
				background: #411e02;
				width: 151px;
				height: 16px;
				text-align: left;
			}
			#recherche label { /* Label */
				display: none;
			}
			#recherche input { /* Champ de saisie */
				color: #fff;
				font-size: 0.7em;
				width: 100px;
				/width: 109px;
				margin: 0 5px 0 5px;
				vertical-align: middle;
				border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
				text-align: center;
				display: inline;
				background: transparent;
			}
			#recherche input.boutonok  {
				width: 22px;
				height: 14px;
				color: #FFFFFF;
				vertical-align: middle;
				font-size: 0.9em;
			}
			html>body #recherche input.boutonok  {
				height: auto;
				min-height: 14px
			}


/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	width: 970px;
}

#footer ul { /* Liste */
	width: 510px;
	height: 23px;
	list-style-type: none;
	padding: 4px 0 0 80px;
	margin: -27px 0 0 0;
	float: right;
	display: inline;
	position: relative;
	z-index: 99;

	background: url(images/home_bg_footer.gif) no-repeat top;
}
	html>body #footer ul { /* Block pied de page */
		height: auto;
		min-height: 23px;
	}
#footer ul li { /* Liste */
	display: inline;
}

	#footer ul li a {
		color: #fff;
		font-size: 0.75em;
		text-decoration: none;
		background: url(images/picto_menu_divers.gif) no-repeat 0em 0.3em;
		padding: 0 0 0 12px;
		margin: 0 30px 0 0;
	}
	#footer ul li a:hover {
		color: #210900;
		text-decoration: underline;
	}

	#footer li span { 		/* On masque les | de séparation */
		display: none;
	}


/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser à placer un   pour eviter le bug sous netscape (page à rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}
.clearliste {
	clear: both;
}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }

.imprimer { /* paragraphe bouton Imprimer */
	float: right;
	margin-top: 10px;
}
.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}