/* CSS Document */

hr{clear:both;}

html, body{width:100%}
body{
	font-size:85%;
	font-family: Arial, Georgia, Verdana, sans-serif;
	/*color:#B39D55;--ANCIENNE_COULEUR--*/color:#000000;
	background:url(../interface/fond_body_mairie.gif) repeat-x top;
}

body, h1, h2, h3, h4, form, p, ul, li {margin:0;padding:0;}
a img{border:none;}

#main{
	/*width:1060px;*/
	
	
	/*TEST*/
	position:absolute;
	/*width:939px;*/
	width:1060px;
	margin-left:-530px;
	top:0;
	left:50%;
	
	/*position:relative;
	margin:0 auto;*/
	
	/*margin-left:-563px;*/
	
	background:#ffffff url(../interface/fond_main_mairie.gif) no-repeat left top;
	
	/*TEST*/
	/*background:yellow;*/
	
	
	/*padding:0 61px 0 60px;*/
	min-height:776px;
	_height:776px;
}



#gauche{
	float:left;
	width:197px;
	background-color:#b3dcef;
	
	/*TEST*/
	margin-left:60px;
	_margin-left:30px;
}
#gauche h1{line-height:0em;}

#gauche ul{
	list-style-type:none;
    font-size:0.9em;
	background:#fbfcf7 url(../interface/mairie/fond_menu_gauche.gif) repeat-x left top;
	margin:13px 0;
	padding: 0;
}
#gauche ul li{
	border-bottom:#e4e1c3 1px solid;
	padding: 0;
}
#gauche ul li.last-child{border:none;}
#gauche ul li.last-child{
	font-style:italic;
}
#gauche ul li a{
	display:block;
	width:182px;
	_width:197px;
	text-align:right;
	padding:4px 13px 4px 0;
	text-decoration:none;
	color:#41a8d8;
	border-right:#f6f9ed 2px solid;
}
#gauche ul li.last-child a{
	color:#B39D55;
}
#gauche ul li a:hover, #gauche ul li.active a{font-weight:bold;color:#a1ca0e;border-color:#a2cb0d;background-color:#f0f5e3;}
#gauche ul li.last-child a:hover{background:none;border-color:#B39D55;color:#B39D55;}

#gauche a.lienIMG-gauche{
	display:block;
	line-height:0em;
}
#gauche a.lienIMG-gauche img{padding:0 0 13px 0;_margin:0 0 13px 0;}



#illustration{
	float:left;
	width:742px;
	height:168px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	background-position:left top;
	
	/*TEST*/
	margin-right:61px;
}
#illustration ul{float:right;padding:2px 19px 0 0;*padding:4px 19px 0 0;}
#illustration ul li{display:inline;font-size:0.75em;text-transform:uppercase;border-left:#ffffff 1px solid;padding:0 7px 0 11px;}
#illustration ul li.last-child{border:none;}
#illustration ul li a{color:#ffffff;text-decoration:none;}
#illustration ul li a:hover{text-decoration:underline;}

#centre{
	float:left;
	/*width:500px;*/
	width:466px;/*468*/
	_width:497px;/*500*/
	min-height:460px;
	_height:460px;
	background:white url(../interface/fond_contenu_template.gif) no-repeat left top;
	padding:0 0 0 22px;
	*padding:0 0 0 32px;
	_padding:0 0 0 22px;
}
#menucontent{
	float:left;
	width:466px;
	list-style-type:none;
    border-bottom:#acd6e9 1px solid;
	padding:10px 0 5px 0;
}
#menucontent li{
	/*display:inline;*/
	float:left;
	font-size:0.8em;
	border-left:#41a8d8 1px solid;
	padding:0 3px 0 6px
}
#menucontent li.first-child{border:none;padding-left:0;}
#menucontent li a{
	color:#41a8d8;
	text-decoration:none;
}
#menucontent li a:hover{color:#a2cb0d;}
#menucontent li.active a{font-weight:bold;color:#a2cb0d;}
#centre h2{
	clear:both;
	
	min-height:34px;
	_height:34px;
	font-size:1.8em;
	font-weight:normal;
	color:#a2cb0d;
	background:white url(../interface/fond_h2_template.gif) no-repeat left top;
	padding:2px 0 10px 12px;
}
#centre h3{font-size:1em;padding:30px 0 0 0;}
#centre p{
	font-size:0.9em;
	line-height:1.3em;
	padding:6px 0 0 0;
}
#centre p.spip{clear:both;}
#centre p a{color:#018aca;}
#centre p img.gauche{float:left;margin:0 8px 0 0;}
#centre p img.droite{float:right;margin:0 0 0 8px;}

ul{
	border: 0px;
	padding-left: 10px;
}
ul li{
	border: 0px;
	padding-bottom: 10px;
}

#droite{
	float:right;
	/*width:210px;*/
	width:189px;
	_width:261px;
	padding:14px 21px 0 0;
	*padding:12px 21px 0 0;
	
	/*TEST*/
	padding-right:82px;
	
	color:#018aca;
}
#droite h2{
	clear:both;
	border-bottom:#d9eef7 1px solid;
	line-height:0em;
	padding:10px 0 6px 0;
}
#droite h3{clear:both;font-size:0.9em;padding:2px 0 0 0}
#droite p{font-size:0.8em;}
#droite p a{color:#018aca;}

a.savoir-plus{
	font-size:0.8em;
	color:#9fc1d1;
	font-weight:bold;
	display:block;
	float:right;
	margin:10px 0 10px 0;
	text-decoration:none;
}
a.savoir-plus:hover{text-decoration:underline;}


#pied_page{
	clear:both;
	width:839px;
	margin:0 50px;
	padding:0 0 40px 0;
	color:#c8c1a2;
	font-size:0.75em;
	text-align:center;
	position:relative;
	top:40px;
	border-top:#f1eddf 1px solid;
}
#pied_page p{	
	z-index:1;
	display:block;
	padding:4px 0 0 0;
}
#pied_page strong{font-size:1.1em;}
#pied_page a.signature{
	z-index:4;
	display:block;
	float:right;
}