/* CSS Document */

#mapMetropole {
	height:450px;
}
.container_12 .grid_8 {
	width:647px;
	margin-right:0;
}
.container_12 .grid_4 {
	width:340px;
	margin-left: 13px;
}
.grid_4 .gmap {
	height:217px;
}

.infoBox {
	background:#FFF;
	height:100px;
	border:5px solid #0c4b97;
	padding:3px;
	width:275px;
	margin:10px 10px 0 0;
}
.infoBox div {
	padding-left:50px;
	padding-right:25px;
	white-space:nowrap;
}
.infoBox .imgConseiller img {
	width:110px;
	height:110px;
	border-radius:90px;
	border:5px solid #0c4b97;
	margin:0;
	background:#FFF;
	color:#FFFFFF;
	position:absolute;
	margin-left:-80px;
	margin-top:-10px;
	z-index:1;
}
.infoBox h3, .infoBox h3 a {
	color: #0c4b97;
	text-decoration:none;
	margin:0;
	margin-left:-5px;
}
.infoBox h3 a:hover {
	text-decoration:underline;
}
.infoBox p {
	line-height:17px;
}
.infoBox p img {
	mragin-top:4px;
}
.infoBox .imgConseiller:after {
	border-top: 20px solid #0c4b97;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	bottom: -25px;
	content: "";
	display: block;
	height: 0;
	left: -29px;
	position: absolute;
	width: 0;
}
.infoBox .lienDetail {
	display:block;
	background-color:#373737;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding:5px;
	text-decoration:none;
	transition:all .5s;
	
	position:absolute;
	bottom:3px;
	left:3px;
	right:3px;
	
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	padding-left:40px;
}

.infoBox.miniMap {
	width:200px;
	height:65px;
}
.infoBox.miniMap .imgConseiller:after {
	left: -24px;
}
.infoBox.miniMap .imgConseiller img {
	width:80px;
	height:80px;
	margin-left:-60px;
}
.infoBox.miniMap div {
	padding-left:35px;
}
.infoBox.miniMap h3 {
	font-size:14px;
	margin-left:-2px;
}
.infoBox.miniMap p {
	font-size:11px;
	line-height:15px;
}
.infoBox.miniMap p img {
	margin-top:2px;
	margin-left:-3px;
}
.infoBox.miniMap .lienDetail {
	padding:3px 3px 3px 20px;
	display:none;
}