/***********************************************************************************************/
/****************************************** RESET CSS ******************************************/
/****************************************** RESET CSS ******************************************/
/****************************************** RESET CSS ******************************************/
/***********************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
	background-image:url(../img/back_mun_2.gif);
	background-repeat:repeat-x;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***********************************************************************************************/
/*************************************** STYLES GÉNÉRAUX ***************************************/
/*************************************** STYLES GÉNÉRAUX ***************************************/
/*************************************** STYLES GÉNÉRAUX ***************************************/
/***********************************************************************************************/
html {
	overflow-y:scroll;
}

body {
	background-color: #8a8a8a;
	background-image:url(../img/back_mun_2.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#555;
}

.centre {
	width:975px;
	margin:auto;
	font-size:1.2em;
}

.txt11 {
	font-size:0.9em;
}

.txt14 {
	font-size:14px;
}

h1 {
	color:#999;
	font-size:1.5em;
	font-weight:bold;
	margin-top:9px;
	margin-left:11px;
}

h2 {
	padding-bottom:12px;
	font-weight:bold;
	color:#555;
	font-size:1.1em;
}

h3 {
	font-size:1.15em;
	font-weight:bold;
	margin-bottom:8px;
}

p {
	margin-bottom:8px;
}

p.center {
	font-size: 13px;
}

a {
	font-size: 12px;
	color:#008141;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

 a.externe {
	background:transparent url(../img/lien-externe.gif) no-repeat;
	background-position:0 2px;
	padding-left:15px;
}

h1 em {
	color:#666;
}

em {
	font-style:normal;
}

strong {
	font-weight:bold;
}

hr.green {
	color: #007E3F; border: 1px solid #007E3F;
}

hr {
	border:0;
	height:1px;
	background-color:#ccc;
	color:#ccc;
	margin-bottom:20px;
	margin-top:15px;
}

li{
	list-style: disc;
	list-style-position:inside;
	margin-left: 5px;
}
li li{
	list-style: circle;
	margin-left: 10px;
	list-style-position:inside;
}


.clear {
	clear:both;
	line-height:0px;
	height:0px;
	margin:0;
	padding:0;
}

img.encadre {
	border:2px solid #ccc;
}

.indente {
	padding-left:10px;
}

.actif {
	color:#999;
}

.note {
	font-size:0.8em;
	padding-top:10px;
}

.droite {
	text-align:right;
}

.picture-pane {
	border: 1px solid #B4B4B4; 
	margin-bottom: 11px;
	width: auto;
}

.pagination {
	width:300px;
	margin:20px auto;
	text-align:center;
}
	#contenu .pagination a {
		display:block;
		float:left;
		padding:2px 6px;
		text-decoration:none;
	}
	
	#contenu .pagination a:hover {
		text-decoration:underline;
	}
	
	#contenu .pagination a.numero:hover,
	#contenu .pagination a.actif:hover {
		text-decoration:none;
	}
	
	.pagination a.numero {
		border-left:1px solid #ccc;
	}
	
		.pagination a.numero:hover {
			color:#fff;
			background-color:#4b4278;
		}
	
	.pagination a.dernier {
		border-right:1px solid #ccc;
	}

	.pagination a.courant {
		color:#fff;
		border:0;
		text-decoration:none;
		background-color:#4b4278;
	}

.boite-trouvez {
	background-color:#f0f0f0;
	border:1px solid #e1e1e1;
	margin:11 11 31 11;
	width:203px;
}
	.boite-trouvez form {
		margin-bottom:12px;
	}

	.boite-trouvez label {
		display:block;
		margin-bottom:10px;
	}
	
	.boite-trouvez .trouvez{
		width:100px;
	}
	
	.boite-trouvez .btn-recherche {
		background-image:url(../img/recherche-gris.gif);
	}

#accordeon {
	padding-bottom:25px;
}

	.titre-accordeon {
		padding:0 10px;
		line-height:40px;
		height:40px;
		background-image:url(../img/bg-accordeon.gif);
		background-repeat:repeat-x;
		position:relative;
	}
	
	.titre-accordeon img {
		position:absolute;
		right:15px;
		top:15px;
	}
	
	#accordeon .actif {
		background-image:url(../img/bg-accordeon-actif.gif);
	}
	
	.contenu-accordeon {
		background-color:#f0f0f0;
		padding:15px 10px;
	}
	
		#col-gauche em {
			display:block;
			padding-bottom:10px;
		}
		
		.contenu-accordeon li img {
			margin-right:10px;
			float:left;
		}
	.sous-menu{font-size:1.2em; font-weight:bold; margin-bottom:0.5em;}

.boite-mauve {
	padding:10px 8px;
	background: #4b4279 url(../img/bg-boite-mauve.gif) repeat-x bottom;
	margin-bottom:30px;
	color:#ccc;
}
	
	.boite-mauve a {
		color:#ccc;
	}
	
	.boite-mauve h2 {
		padding-bottom:4px;
	}

		.boite-mauve h2 a{
			color:#fff;
		}
	
	.boite-mauve p {
		margin-bottom:25px;
	}
	.boite-mauve p.dernier {
		margin-bottom:10px;
	}
	
	.boite-mauve .img-entete {
		margin-bottom:8px;
	}
	
.boite-grise {
	padding:10px 8px;
	margin-bottom:20px;
	background:#f2f2f2 url(../img/bg-boite-grise.gif) repeat-x bottom;
}

	.boite-grise h2 {
		font-size:1.2em;
	}
	
	#col-gauche-infos .boite-grise li.pdf {
		line-height:18px;
	}
		
		#col-gauche-infos .boite-grise .pdf a {
			background:transparent url(../img/pdf.jpg) 0 0 no-repeat;
			padding-left:22px;
			line-height:18px;
			display:block;
		}
	
.vedette {
	width:370px;
	margin: 0 0 17px 10px;
	float:left;
}
	
	.vedette p {
		margin: 0px;
		padding: 0px;
	}

.acc-vedette {
	background-color:#fff;
	padding:15px;
	margin-bottom:20px;
}

	.acc-vedette .encadre {
		float:left;
	}
	
	.infos-vedette {
		margin-left:95px;
	}
	
#fil .actif {
	color:#666;
}

.conteneur-info-bulle {
	position:relative;
}

.info-bulle {
	width:300px;
	background-color:#6d6d6d;
	position:absolute;
	padding:5px;
	display:block;
}
	.info-bulle span {
		color:#fff;
		display:block;
	}
	
	.info-bulle .triangle {
		width:11px;
		height:14px;
		background-image:url(../img/info-bulle-triangle.gif);
		background-repeat:no-repeat;
		position:absolute;
		left:-11px;
		top:50%;
		margin-top:-12px;
	}

/***********************************************************************************************/
/******************************************** ENTETE *******************************************/
/******************************************** ENTETE *******************************************/
/******************************************** ENTETE *******************************************/
/***********************************************************************************************/


#entete_fr {
	height:340px;
	background-image:url(../img/back_mun_fr.jpg);
	background-position:50% 0%;
	background-repeat:repeat-x;
	background-color: #fff;
}

#entete_en {
	height:340px;
	background-image:url(../img/back_mun_en.jpg);
	background-position:50% 0%;
	background-repeat:repeat-x;
	background-color: #fff;
}

#entete a.actif {
	color:#999;
}

	#logo {
		margin:0;
		width:236px;
		height:340px;
		background-image:url(../img/logo_tall.png);
		background-repeat:no-repeat;
		text-indent:-9000px;
		float:left;
	}
	
#utilitaires {
	margin:0;
	height:40px;
	width:600px;
}

#utilitaires li {
	float:left;
	margin-right:10px;
	line-height:40px;
	list-style:none;
}
	
#utilitaires li.dernier {
margin-right:0;
}
	
#utilitaires a {
	color:#fff;
	font-size:98%;
}

#utilitaires form{
	margin: 0px 0px 0px 0px;
}
	
form .input-texte {
	border:0;
	color:#666;
	padding:3px;
	width:154px;
	font-size:1em;
}

.input-select {
	border:0;
	color:#666;
	padding:3px;
	width:140;
	font-size: 11px;
	margin-top: 9px;

}

form .btn-recherche {
	width: 20px;
	height: 20px;
	margin: 0 0 0 5px;;
	padding: 0;
	border: 0;
	background: transparent url(../img/recherche.gif) no-repeat center top;
	text-indent: -1000em;
	line-height:0px;
	cursor: pointer; 
}
	
.navigation-principale {
	margin:0 0 0 24px;
	float:left;
}
	.navigation-principale ul {
		width:245px;
	}
	
	.navigation-principale li {
		margin-bottom:3px;
	}
	
	.navigation-principale a {
		font-weight:bold;
	}
	
	.navigation-principale .dernier {
		width:277px;
	}

#nav-domaine {
	margin:0;
	padding-left:30px;
	border-left:1px solid #ccc;
}

	#nav-domaine ul {
		width:auto;
		margin-right:0;
	}

 .colonne-navigation {
	float:left; 
}

/***********************************************************************************************/
/******************************************* CONTENU *******************************************/
/******************************************* CONTENU *******************************************/
/******************************************* CONTENU *******************************************/
/***********************************************************************************************/


#col-gauche,
#col-centre,
#col-droite,
#col-centre-acc {
	float:left;
}

#col-gauche, #col-droite  {
	width:225px;
	padding:20px 0;
}

#col-centre {
	width:470px;
	padding:20px;
}
#col-centre-acc {
	width:490px;
	padding:20px 10px;
}

	#col-centre .liste-fixe {
		width:245px;
		float:left;
	}

#contenu {
	background-color:#fff;
}

	#contenu li,
	#contenu p,
	#contenu a,
	#bas-de-page p {
		line-height:1.35;
	}
		
	#contenu li {
		padding-bottom:8px;
	}
	
#col-droite a{
border-bottom:#E1E1E1 2px solid;
}

	#col-droite ul {
		width:190px;
		margin-bottom:18px;
	}
	
	#col-droite ul.liste-sous-niveau {
		margin-bottom:8px;
	}
	
	#col-droite #boite-flash{
		margin-top:40px;
		display:block;
	}
	
	#col-droite .infos-droite a{
		display:block;
	}
	
/******* DOMAINE ELECTORAL *******/
#fondgris-domaine li,
	#fondgris-domaine p,
	#fondgris-domaine a {
		line-height:0.6;
	}
	
	#fondgris-domaine .boite-trouvez {
		background-color:#e0dfdf;
		border-color:#d4d4d4;
	}
	
		#fondgris-domaine .boite-trouvez .btn-recherche {
			background-image:url(../img/recherche-gris-fonce.gif);
		}

#col-gauche-domaine {
	width:460px;
	padding:20px 10px;
	float:left;
}

#col-droite-domaine {
	width:447px;
	padding:20px 10px;
	float:left;
}

#fondgris-domaine {
	background: #F2F2F2 url(../img/fond-gris.gif) bottom repeat-x;
}

	#fondgris-domaine ul {
		padding-bottom: 50px;
	}
	
	#fondgris-domaine h2 img {
	vertical-align:text-bottom;
	margin-left:5px;
}
	
#col2domaine, #col3domaine, #col4domaine {
	width:210px;
	float:left;
	padding: 12px 12px 12px 12px;
	background:url(../img/bg-border-domaine.gif) 0 0 repeat-y;
	height: 280px;
}

#contenu #col2domaine li, #contenu #col3domaine li, #contenu #col4domaine li {
	line-height: 0px;
	font-weight: bold;
}

#col1domaine {
	width:224px;
	float:left;
	height: 250px;
	padding: 12px 12px 12px 10px;
}

/************ PAGES DE CONTENU ************/
#col-gauche-contenu,
#col-droite-contenu {
	float:left;
}

#col-gauche-contenu {
	width:685px;
	padding-right:30px;
}
	
	#col-gauche-contenu a,
	#col-gauche-contenu #top a:hover {
		text-decoration:underline;
	}
	
	#col-gauche-contenu a:hover,
	#col-gauche-contenu #top a {
		text-decoration:none;
	}

#col-droite-contenu {
	padding-top:20px;
	width:245px;
}

#col-gauche-contenu #top {
	margin-bottom:20px;
}

#col-gauche-contenu ul {
	margin:20px 0 15px 50px;
}

	#col-gauche-contenu ul li {
		background:transparent url(../img/puce.gif) no-repeat;
		background-position:0 6px;
		padding-left:12px;
	}

#col-droite-contenu ul li,
#col-droite-contenu ul li a,
#col-droite-contenu ul li ul li,
#col-droite-contenu ul li ul li a{
	line-height:1;
}

#col-droite-contenu ul li{
	font-weight:bold;
	padding-left:12px;
}

#col-droite-contenu ul li.ferme {background:transparent url(../img/puce-ferme.gif) 0 2px no-repeat;}
#col-droite-contenu ul li.ouvert {background:transparent url(../img/puce-ouvert.gif) 0 2px no-repeat;}
#col-droite-contenu ul li.actif a {color:#999;}
#col-droite-contenu ul li.actif a:hover {text-decoration:none;}

	#col-droite-contenu ul li ul {
		padding-top:10px;
		margin-left:-8px;
	}

		#col-droite-contenu ul li ul li {
			font-weight:normal;
			padding-left:21px;
			border-left:1px solid #bebebe;
			background:transparent url(../img/navigation-branche.gif) 0 6px no-repeat;
		}
		
		#col-droite-contenu ul li ul li.dernier {
			border:0;
			background:transparent url(../img/navigation-branche-dernier.gif) 0 -4px no-repeat;
		}
		
			#col-droite-contenu ul li ul li ul {
				padding-left:25px;
			}
		
				#col-droite-contenu ul li ul li ul li{
					background:transparent url(../img/puce.gif) 0 5px no-repeat;
					padding-left:15px;
					border:0;
				}
				
				#col-droite-contenu ul li ul li ul li.actif {
					color:#999;
					background:transparent url(../img/puce-actif.gif) 0 5px no-repeat;
				}

#col-droite-contenu ul.dernier,
#col-droite-contenu li.dernier {
	padding-bottom:0;
}

/************ 3 COLONNES ***********/

#col-gauche-trois {
	border-bottom:1px solid #e5e5e5;
}

	#col-gauche-trois h2 {
		margin-top:15px;
		padding-bottom:3px;
		font-size:1.33em;
	}
#col-gauche-infos,
#col-gauche-sous-contenu {
	float:left;
	margin-top:20px;
}

#col-gauche-infos {
	width:225px;
}
	
	#col-gauche-infos h3,
	#col-gauche-sous-contenu h3 {
		font-size:1.2em;
	}
	
	#col-gauche-infos h4,
	#col-gauche-sous-contenu h4 {
		font-size:1.1em;
		font-weight:bold;
	}
	
	#col-gauche-infos ul {
		margin:10px 0 15px 0;
	}
	
		#col-gauche-infos ul li {
			background:none;
			padding-left:0;
		}

#col-gauche-sous-contenu {
	width:440px;
	padding-left:20px;
}

	#col-gauche-sous-contenu p {
		margin-bottom:10px;
	}
	
	#col-gauche-sous-contenu .liste-interne {
		margin:10px 0 10px 50px;
	}

/***********************************************************************************************/
/***************************************** BAS DE PAGE *****************************************/
/***************************************** BAS DE PAGE *****************************************/
/***************************************** BAS DE PAGE *****************************************/
/***********************************************************************************************/

#bas-de-page {
	height:87px;
	background: transparent url(../img/bas-de-page.gif) repeat-x;
	padding-top:12px;
	clear:both;
	background-color:#8a8a8a;
}

	#bas-de-page ul {
		width:245px;
		float:left;
	}
	
	#bas-de-page li {
		margin-bottom:4px;
	}
	
	#bas-de-page p {
		width:175px;
		margin-left:735px;
		color:#333;
	}
	
	#bas-de-page a {
		color:#fff;
	}

/***********************************************************************************************/
/****************************************** TABLEAUX *******************************************/
/****************************************** TABLEAUX *******************************************/
/****************************************** TABLEAUX *******************************************/
/***********************************************************************************************/

table {
	border-collapse:collapse;
	margin-bottom:30px;
	width:100%;
}

table,th,td {
	border:1px solid #a8a8a8;
}

th, td {
	padding:8px;
	vertical-align:middle;
	text-align:center;
}

th {
	color:#fff;
	background:#5e578b url(../img/th-hor.gif) bottom repeat-x;
}

th a {
	color:#fff;
	text-decoration:underline;
}

th a:hover {
	text-decoration:none;
}

.tableau-vertical th {
	width:115px;
}

th.ver {background:#5e578b url(../img/th-ver.gif) right repeat-y}
th.alt-ver {background:#79739e url(../img/th-alt-ver.gif) right repeat-y}

tr.alt-rangee td{
	background-color:#f2f2f2;
}

.aligne-g {
	text-align:left;
}

.aligne-d {
	text-align:right;
}

/***********************************************************************************************/
/******************************************* POP-UP ********************************************/
/******************************************* POP-UP ********************************************/
/******************************************* POP-UP ********************************************/
/***********************************************************************************************/

#popup {
	background-color:#fff;
}

	#popup .centre {
		width:720px;
		position:relative;
	}
	
	#popup #entete {
		height:96px;
		background:#fff url(../img/bg-entete-popup.gif) 0 0 repeat-x;
	}
	
		#popup #logo {
			background-image:url(../img/logo-popup.gif);
			height:96px;	
		}
		
		#popup #utilitaires {
			position:absolute;
			right:0;
		}
		
			#popup #utilitaires .dernier {
				font-weight:bold;
			}
	
	#popup #top {
		border:0;
		padding-bottom:20px;
		height:auto;
	}
	
		#popup h1 {
			margin-bottom:10px;
		}
.ui-accordion .ui-accordion-header { 
		padding-left: 10px;
		height:40px;
		margin-bottom: 0px;
		background-image:url(../img/bg-accordeon-short.gif);
		background-repeat:repeat-x;
		position:relative;
		cursor: pointer; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { 
		padding-left:10px;
		height:40px;
		margin-bottom: 0px;
		background-image:url(../img/bg-accordeon-short-actif.gif);
		background-repeat:repeat-x;
		border-bottom: 0 !important;
		color: #FF0000;}
.ui-accordion .ui-accordion-header a { color:#666;
		font-size:1.2em;
		position: relative;
		top:12px; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 10px 10px 10px 10px; background-color:#f0f0f0; display: none; overflow: hidden; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion .ui-state-active {background-image:url(../img/bg-accordeon-short-actif.gif);}
	
		#col-gauche em {
			display:block;
			padding-bottom:10px;
		}
		
		.contenu-accordeon li img {
			margin-right:10px;
			float:left;
		}
		
		
#utilitaires .rss{
	background:url(/municipales/img/iconRSS.gif) right center no-repeat;
	padding-right:12px;
}

div.haut{
	text-align:right;
	border-bottom:solid 1px #CCCCCC;
}
div.haut a img{
	height:27px;
	width:53px;
}

.service-en-ligne li, .documentation li{
	list-style:none;
	list-style-position:outside;
}

sup{
	font-size:smaller;
	vertical-align: super;
}
#bas-de-page li{
	list-style:none;
}

/*#feed{ display:none; padding-bottom:10px;}
#loader{ font-size:10px;}
.divActualiteDate{ font-size:10px; margin-top:5px;}
.divActualite{ padding-bottom:5px; font-size:14px;}
a.lienActualite:active, a.lienActualite:visited, a.lienActualite:link{ text-decoration:none;}*/