#introcarte{
position:relative;
float:left;
top:0;
left:0;
width:300px;
z-index:15;
font:11px Arial, Helvetica, sans-serif;
color:#6d6f64;
line-height:1.5em;
/*background:url(../images/carte/bg-intro-carte.png) no-repeat left top;*/
padding:0px 35px 40px;
}

#map{
	height:557px;
	width:982px;
	background:url(../images/carte/carte.png) no-repeat;
	margin:-21px 0 -38px;
	position:relative;
	z-index:1;
	/*top:0;
	left:0;*/
}

#map .marker{
	height:24px;
	width:24px;
	background:url(../images/carte/marker.png) no-repeat center center;
	position:absolute;
	cursor:pointer;
}
#map .marker.idm{
	background:url(../images/carte/marker_idm.png) no-repeat center center;
}
#map .marker.atlanticm{
	background:url(../images/carte/marker_atlanticm.png) no-repeat center center;
}
#map .marker.creativm{
	background:url(../images/carte/marker_creativm.png) no-repeat center center;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/carte/white_arrow.png);
	font-size:12px;
	height:110px;
	width:170px;
	padding:20px;
	z-index:15;
}
/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(../images/carte/white_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(../images/carte/white_arrow_bottom.png);
}

.tooltip{
	font:normal 11px Century Gothic, Arial, Helvetica, sans-serif;
}

.tooltip h3{
	font-size:12px;
	margin:0 0 10px;	
}
.tooltip p{
	margin:0;	
}
.tooltip a{
/*text-decoration:none*/
}