* {
	border: 0;
}

body {
	font-family: verdana;
}

#map, #mapwrapper { 
	width: 750px; 
	height: 528px; 
    cursor: move; 
	margin: 0px; 
	overflow: hidden;
	
} 
	
#mapwrapper {
    position: relative;
	background-color: #B5B5B5;
}

.map-control {
    position: absolute;
    top: 10px;
    left: 10px;
    background: url(/images/map-control.png) no-repeat;
    height: 63px;
    width: 100px;
}

.map-control a {
    height: 18px;
    width: 18px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}

.map-control a:hover {
    background: #535353;
    opacity: 0.4;
    /* filter: alpha(opacity=40); */
}

.map-control a.map-left {
    left: 39px;
    top: 22px;
}

.map-control a.map-right {
    left: 79px;
    top: 22px;
}

.map-control a.map-up {
    left: 59px;
    top: 2px;
}

.map-control a.map-down {
    left: 59px;
    top: 42px;
}

.map-control a.map-zoom {
    left: 2px;
    top: 8px;
    height: 21px;
    width: 21px;
}

.map-control a.map-back {
    left: 2px;
    top: 31px;
    height: 21px;
    width: 21px;
}
	
.popup, .popuphaut { 
	display: block; 
	position: absolute; 
	width: 300px;
	background: url(/images/bulle_bas.png);
	background-repeat: no-repeat;
	background-position: 0px 117px;
	z-index: 3; 
	border: 0; 
	font-size: 11px; 
}

.popuphaut {
	background: url(/images/bulle_haut.png);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

.popupcontent {
	background-color: #FFFFCC;
	margin-left: 15px;
	padding: 10px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	color: #111111;
}

.popup h3, .popuphaut h3  {
	margin-top: 0;
}

.popup a.close{ display: block; position: absolute; bottom: 0; right: 0; }

.mapcontent { position: relative; }

.puce { position: absolute; cursor: pointer; }

.territoire1 { color: #67C2C0; }
.territoire2 { color: #21A459; }
.territoire3 { color: #087ABE; }
.territoire4 { color: #EE6B3A; }
.territoire5 { color: #94438C; }
.territoire6 { color: #00B3E8; }
.territoire7 { color: #FEC641; }
.territoire8 { color: #948C4A; }

.bgterritoire1 { border-right: 24px solid #67C2C0; }
.bgterritoire2 { border-right: 24px solid #21A459; }
.bgterritoire3 { border-right: 24px solid #087ABE; }
.bgterritoire4 { border-right: 24px solid #EE6B3A; }
.bgterritoire5 { border-right: 24px solid #94438C; }
.bgterritoire6 { border-right: 24px solid #00B3E8; }
.bgterritoire7 { border-right: 24px solid #FEC641; }
.bgterritoire8 { border-right: 24px solid #948C4A; }

.popupcontent .expovigneron {	
	font-weight: bold;
	font-size: 13px;
}

.popupcontent .expocontact {

}

.popupcontent .expoadresse {
	font-size: 10px;
}

.popupcontent .expoville {
	font-weight: bold;
	color: #999999;
	padding-bottom: 5px;
}

.popupcontent .expocontent {
	background: url(/images/expositions_popup.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 26px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	margin-right: -31px;
}

.popupcontent .expodates {
	color: #993233;
	font-size: 10px;
	margin-bottom: 10px;
}

.popupcontent .expoartiste {
	clear: both;
	font-size: 10px;
}

.popupcontent .exponomartiste {
	font-weight: bold;
	font-size: 11px;
}

.popupcontent .expothb  {
	float: right;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #666666;
	width: 64px;
	height: 64px;
	margin-bottom: 4px;
	margin-left: 4px;
}

.expodetailslink {
	text-align: right;
	color: #1C77FF;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 10px;
	font-weight: bold;
}

.expodetailslink a:link, .expodetailslink a:visited, .expodetailslink a:hover, .expodetailslink a:active {
	color: #1C77FF;
}