body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: #fdf0bc url(images/vague.jpg) repeat-y;
	padding: 0; margin: 0;
}

#formulaire_recherche {
	color: black;	
	font-family: arial, helvetica, sans-serif;
	background: #fdf0bc;
	width: 80px;
}

img {
	border: 0px;
}

#logo {
	position: absolute;
	left: 40px;
	top: 20px;
}

#logomairie {
	position: absolute; 
	left: 680px;
	top: 20px;
        color:#176b66;
}

#titre {
	position: absolute;
	left: 185px;
	top: 0px;
}

#menu {
	position: absolute;
	left: 0px;
	top: 110px;
}

#menu ul  {
	padding-left: 12px;
	margin: 6px;
	border: 0px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #a40018;
	list-style-position: inside;
}

#menu .ul1 {
	font-weight: bold;
	list-style: none; 
	border-bottom: 1px solid #f6ae20;
	padding-top: 2px;
	padding-bottom: 2px;
}

.dis {
	display: none;
	padding-top: 0;
}

#menu .ul1 a {
	text-decoration: none;
        color: #a40018;
}

#menu .ul1 a:hover {
	color: black;
	list-style-image: url(images/puce1.png);
}

#menu .ul1:hover {
	list-style-image: url(images/puce1.png);
}


#menu .ul2 {
	list-style: none; 
	border-bottom: 1px solid #f6ae20;
	padding-top: 2px;
	padding-bottom: 2px;
}

#menu .ul2 a {
	font-weight: normal;
	text-decoration: none;
        color: #a40018;
}

#menu .ul2 a:hover {
	font-weight: normal;
	color: black;
	list-style-image: url(images/puce2.png);
}

#menu .ul2:hover {
	list-style-image: url(images/puce2.png);
}

#content {
	position: absolute;
	width: 470px;
	top: 120px;
	left: 210px;
	text-align: justify;
}
h1 {
	color: #a40018;
	text-weight: bold;
	font-size: 20px;
	font-family: Bookman Old Style, Serif;
	text-align: left;
}
#content .spip {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

#content .spip_logos {
	float: left; margin-right: 6px; margin-top: 6px; margin-bottom: 0px; margin-left: 0px;
}


a { color: #007c4b; font-weight: bold; text-decoration: none;
     font-family: Arial, Helvetica, Sans-serif; font-size: 12px; }

 a:hover { color: #a9001d; text-decoration: underline}


#boxes {
	position: absolute;
	top: 120px;
	left: 700px;
	padding: 4px;
}
#box1, #box2 {
	border-top: 1px solid #f6ae20;
	border-bottom: 1px solid #f6ae20;
}

#content table br {
	clear: left;
}

h2 {
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	color: #a9001d;
	font-family: Arial, Helvetica, Sans-serif;	
}

h3 {
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	color: #007c4b;
	font-family: Arial, Helvetica, Sans-serif;	
}

#vuephoto {
	position: absolute;
	left: 10px;
	top: 0;
	width: 680px;
	height: 480px;
	padding: 0;
	margin: 0;
}
#vueaudio {
	position: absolute;
	left: 10px;
	top: 0;
	width: 270px;
	height: 200px;
	padding: 0;
	margin: 0;
}

#auteur {
	clear: left;
	padding-top: 4px;
}

.spip_code {
	 font-family: Arial, Helvetica, Sans-serif;
}

#form_rech {
	padding-top: 16px;
	padding-bottom: 0px;
	margin: 2px;
}

/* a40018 = sont rouge */