/* CSS Document */

/*------------------------flash*/

#imgflash {
	float:right;
	padding:0;
	margin: 10px 0 0 0;
}

/*------------------------contenu*/
.gauche {
	float:left;
	padding:0;
	margin:0;
}

.gauche a {
	color:#FFFFFF;
	text-decoration:none;
}

.gauche a:hover {
	text-decoration:underline;
}

.gauche ul {
	margin:0;
	padding:0;
}

.gauche li {
	margin: 0 0 5px 0;
}

.gauche p {
	text-align:justify;
	margin: 0 0 5px 0;
}


/*------------------------contenu : mot du maire*/
#mot {
	background-color:#E89D03;
	padding: 10px;
	width: 470px;
	height:65px;
	overflow:auto;	
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;	
}

#coinmot {
	background:url(images/lemot_angle.png) left top no-repeat;
	font-size:11px;
	font-weight:bold;
	height:20px;
	width: 480px;
	padding: 7px 0 0 10px;
	margin: 10px 0 0 0;
	border-right: #999999 solid 1px;
}

/*------------------------contenu : magazine*/
#coinmag {
	background:url(images/mag_angle.png) left top no-repeat;
	font-size:11px;
	font-weight:bold;
	height:20px;
	width: 230px;
	padding: 7px 0 0 10px;
	margin: 10px 0 0 0;
	border-right: #999999 solid 1px;
}

#mag {
	background-color:#F0DB9F;
	padding: 10px;
	width: 220px;
	height:60px;
	margin-right:9px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
}

/*------------------------contenu : actualités*/
#coinactu {
	background:url(images/actu_angle.png) left top no-repeat;
	font-size:11px;
	font-weight:bold;
	height:20px;
	width: 230px;
	padding: 7px 0 0 10px;
	margin: 10px 0 0 0;
	border-right: #999999 solid 1px;
}

#actu {
	background-color:#BD2201;
	padding: 10px;
	width: 220px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	height: 64px;
	overflow:auto;
}

#actu ul {
	list-style:none;
}

/*------------------------contenu : urbanisme*/
#coinlien {
	background:url(images/bouton-lien.png) left top no-repeat;
	font-size:11px;
	font-weight:bold;
	height:20px;
	width: 230px;
	padding: 7px 0 0 10px;
	margin: 10px 0 0 0;
	border-right: #999999 solid 1px;
}

#lien {
	background-color:#afe844;
	padding: 10px;
	width: 220px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	height: 40px;
	overflow:auto;
}

#actu ul {
	list-style:none;
}

/*------------------------contenu : plan*/
#coinplan {
	background:url(images/plan_angle.png) left top no-repeat;
	font-size:11px;
	font-weight:bold;
	height:20px;
	width: 230px;
	padding: 7px 0 0 10px;
	margin: 10px 0 0 0;
	border-right: #999999 solid 1px;
}

#plan {
	background-color:#C0CDE1;
	padding: 10px;
	width: 220px;
	height:60px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
}

/*------------------------contenu : agenda*/
#coinagenda {
	background:url(images/agenda_angle.png) left top no-repeat;
	font-size:11px;
	font-weight:bold;
	height:20px;
	width: 230px;
	padding: 7px 0 0 10px;
	margin: 10px 0 0 0;
	border-right: #999999 solid 1px;
}

#agenda {
	background-color:#7BA036;
	padding: 10px;
	margin-bottom:10px;
	width: 220px;
	height: 162px;
	overflow:auto;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
}
#agenda ul {
	list-style:none;
}

/*------------------------actualites*/

#actualite {
	width:300px;
	float:right;
	padding:0;
	margin: 10px 0 0 0;
}

#actualite ul {
	list-style-image: url(images/puce.jpg);
	text-align:justify;
	margin:0 0 0 20px;
	padding:0;
}

#actualite li {
	margin-top:4px;
}

#actualite h2 {
	height:21px;
	color:#000000;
	font-size:14px;
	font-variant:small-caps;
	font-weight:normal;
	text-align:right;
	letter-spacing: 2px;
	border-bottom-style:dotted;
	border-bottom-color:#000033;
	border-bottom-width:1px;
	margin:0 0 3px 0;
	padding: 3px 0;
}