body {  
	background: #7986D9 url("../img_communes/fd_liste_abb.gif") repeat-y;
}

.listeFiche h2{
	font:  11px Verdana, Times New Roman, Times, serif;
	display: block;
	color: #FFF;
	padding: 0;
	margin: 0 0 0 0px;
}
.listeFiche{
	margin-top: 4px;
}
.listeFiche span{
	display: block;
	overflow: hidden;
	width: 200px;
	height: auto;
	border-bottom: 1px solid #FFF;
	padding: 0;
	margin: 0;
	background: #7986D9 url(../img_communes/point_rose.gif) no-repeat;
}
.listeFiche span a, .listeFiche span a:link, .listeFiche span a:visited, .listeFiche span a:active {
	display: block;
	overflow: hidden;
	color: #FFF;
	padding: 2px 0px 2px 3px;
	width: 100%;
	height: 100%;
	cursor: hand;
}
.listeFiche span a:hover {
	background: #FFB804 url(../img_communes/point_rose.gif) no-repeat;
}
.puceCarte {
	position: absolute;
	width: 18px;
	height: 18px;
	color: #FFF;
	font-weight: bold;
}

.puceCarte a, .puceCarte a:link, .puceCarte a:visited, .puceCarte a:active{
	display: block;
	padding-top: 2px;
	padding-left: 2px;
	overflow: hidden;
	color: #FFF;
	width: 100%;
	height: 100%;
	background: url(../img_communes/point_rose.gif) no-repeat;
}
.puceCarte a:hover{
	color: #BE3316;
	background: url(../img_communes/point_jaune.gif) no-repeat;
}
.listeFiche .desc {
	position: absolute;
	display: none;
	background: #FCF8F0;
	width: 100%;
	margin-top: -1px;
	padding: 2px;
	border-bottom: 1px solid #9FB6CF;
	border-left: 1px solid #9FB6CF;
	border-right: 1px solid #9FB6CF;
}
.listeFiche span.navOn a, .listeFiche span.navOn a:visited, .listeFiche span.navOn a:link {
	color: white;
	font-weight: bold;
	/*background: #005B9E;*/
}
.carte_grande {
	position: absolute;
	top: 4px;
	left:204px;
	display: block;
	width: 500px;
	height: 400px;
}
#sous_carte_grande {
	position:absolute;
	top:410px;
	left:210px;
	display: block;
	width: 494px;
}
#sous_carte_grande h2{
	display: block;
	height: auto;
	font:  13px Verdana, Times New Roman, Times, serif;
	font-weight: bold;
	color: #FFB804;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}


/*contenu de gauche*/
.carte_petite {
	position:absolute;
	top: 10px;
	left:5px;
	display: block;
	width: 110px;
}
.fleche {
	position:absolute;
	overflow: hidden;
	display:block;
	top:92px;
	width: 25px; 
	height: 10px;
}
.fleche a, .fleche a:visited, .fleche a:link {
	display: block;
	overflow: hidden;
	margin-top : 0;
}
.fleche a:hover{
	margin-top : -10px;
}
#ficheP, #ficheS {
	position:absolute;
	overflow: hidden;
	display:block;
	top: 113px;
	display: none;
	overflow: hidden;
}


/*contenu de droite*/

.contenu_droite {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 160px;
	top: 10px;
	left: 543px;
	text-align: center;
}
.contenu_droite a, .contenu_droite a:link, .contenu_droite a:visited, .contenu_droite a:active, .contenu_droite a:hover {
	font-weight: bold;
}
.contenu_droite div {
	border-bottom: 1px solid #BE3316;
}

/*contenu centre*/
.detailFiche {
	position: relative;
	top: 10px;
	left:129px;
	width: 400px;
	height: auto;
	color: #FFF;
}
.detailFiche h2{
	display: block;
	height: auto;
	font:  13px Verdana, Times New Roman, Times, serif;
	font-weight: bold;
	color: #FFB804;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
.agenda h2{
	display: block;
	height: auto;
	font:  11px Verdana, Times New Roman, Times, serif;
	font-weight: bold;
	color: #FFF;
	padding: 0;
	margin: 0;
	margin-bottom: 0px;
}
.detailFiche h3{
	display: block;
	height: auto;
	font:  11px Verdana, Times New Roman, Times, serif;
	font-weight: bold;
	color: #BE3316;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
.detailLigne {
	
}
.detailPremier .detailD {
	font-weight: bold;
}
.detailG {
	width: 100%;
	font-weight: bold;
	color: white;
}
.detailG p{
	padding: 1px;
	margin: 1px;
	padding-left: 4px;
	font-weight: bold;
	color: #FFB804;
	margin: 0 0 0 0px;
}
.detailD {
	width: 100%;
}
.detailD p{
	padding: 1px;
	margin: 1px;
	padding-left: 4px;
}

.detailPhoto {
	position: absolute;
	width: 110px;
	top: 150px;
	margin: 0;
	padding: 0;
}
.detailPhoto img{
	margin-bottom: 5px;
	margin-left: 5px;
	border: 0px solid #FFF;
}
#zoomFiche {
	margin: 0 auto;
	border: 0px solid #005B9E;
	width: 90%;
}
#zoom1 {
	display: block;
	margin: 0;
	padding: 0;
	width: 95%;
}
#zoom2 {
	display: block;
	margin: 0;
	padding: 0;
	width: 95%;
}
#zoom1 p{
	margin: 0;
	margin-top: 1px;
	padding-left: 3px;
}
#zoom2 p{
	margin: 0;
	margin-top: 1px;
	padding-left: 3px;
}
#zoom1 .zH{
	background: #00B7C5 url(../img_communes/hd_v.gif) no-repeat right top;
	font-weight: bold;
	color: white;
	height : 16px;
	margin-bottom: 2px;
	text-align: left;
}
#zoom2 .zH{
	background: #005B9E url(../img_communes/hd_b.gif) no-repeat right top;
	font-weight: bold;
	color: white;
	height : 16px;
	margin-bottom: 2px;
	text-align: left;
}
#zoom1 .zH p{
	padding-right: 40px;
}
#zoom2 .zH p{
	padding-right: 40px;
}
#zoom1 .zM, #zoom2 .zM {
	text-align: center;
	background: #F3F6F9;
	padding: 3px 0 3px 0;
}
#zoom1 .zB{
	background: #00B7C5 url(../img_communes/bg_v.gif) no-repeat left top;
	font-weight: bold;
	color: white;
	margin-top: 2px;
	height : 4px;
	overflow: hidden;
}
#zoom2 .zB{
	background: #005B9E url(../img_communes/bg_b.gif) no-repeat left top;
	font-weight: bold;
	color: white;
	margin-top: 2px;
	height : 4px;
	overflow: hidden;
}
#consultezListe {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	border-top: 1px solid #F2B961;
	border-bottom: 1px solid #F2B961;
}



.detailAgenda {
	color:#FFF;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height : auto;
	float: left;
	background: #8792DD;
}
.detailAgenda div {
	padding: 3px;
}