/* CSS pour la gestion des cartes */
#legende {
	position:absolute;
	width:400px;
	height:600px;
	visibility:hidden;
	z-index:2;
	background:#FFFFFF;
	opacity:0;
	filter: alpha(opacity = 0);
}

#conteneur_carte {
	position:relative;
	overflow:hidden;
	width:400px;
	height:400px;
}	
	
#carte {
	background:url(none) no-repeat;
	background-position:0px 0px;
	width:400px;
	height:400px;
	padding:0;
	/*position:static*/
	position: relative;
}

#loader {
	width:400px;
	height:400px;
	padding:0;
	position:absolute;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
}


/* CCS CARTE */

dl.map {
	margin:0px;
	padding:0px;
}

dl.map.on {
	background:url(none) no-repeat;
	background-position:0px 0px;
	width:400px;
	height:400px;
	padding:0;
	position: relative;
}

dl.map.on dt {
	list-style:none;
	display:inline;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	/*width:200px;*/
	padding:4px;
	text-align:left;
	/*border:#222 2px solid;*/
	/*background:url(../images/carte/tooltip-bg.png);*/

	z-index:11;
	font-size:0.9em;
	color:#FFF;
}
dl.map.on dd img {
	/*position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;*/
}
dl.map.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../images/carte/point_chaud_25.png) no-repeat;
	width:10px;
	height:10px;
	outline:none;
	z-index:10;
	text-decoration:none;
}

dl.map.on a.location:hover {
	/*background:url(../images/carte/point_chaud_over_25.png) no-repeat -1px -1px;*/
}
/*dl.map.on dd a {
	color:#FFF;
}*/
/*dl.map.on dd a:hover {
	text-decoration:none;
}*/
dl.map.on dd a.close {
	/*position:relative;*/
	float:right;
	/*color:#000;*/
	background:url(../images/carte/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	/*margin-left:4px;*/
	/*margin-right:-6px;*/
	text-decoration:none;
}


/* CSS DES POINTS CHAUD */

/* CSS de l'info bulle */
.info_droite_haut {
	max-width:200px;
}

.info_droite_haut .info_background {
	background: url(../images/carte/info_fond_droite.gif) left repeat-y;
	text-align:left;
	
}
.info_droite_haut .info_table {
	border-right:1px solid #40728E;
	border-bottom:1px solid #40728E;
	border-top:1px solid #40728E;
	color:#000000;
	background:#FFFFFF;
}		
.info_droite_haut .info_fleche {
	background: url(../images/carte/info_fleche_droite.gif) no-repeat left top;
	padding-left:26px;
}
.info_droite_haut .info_fermeture {
	width:100%;
	text-align:right!important;
}

.info_droite_bas {
max-width:200px;
}

.info_droite_bas .info_background {
	background: url(../images/carte/info_fond_droite.gif) left repeat-y;
	text-align:left;
	
}
.info_droite_bas .info_table {
	border-right:1px solid #40728E;
	border-bottom:1px solid #40728E;
	border-top:1px solid #40728E;
	color:#000000;
	background:#FFFFFF;
}		
.info_droite_bas .info_fleche {
	background: url(../images/carte/info_fleche_bas_droite.gif) no-repeat left top;
	padding-left:26px;
}
.info_droite_bas .info_fermeture {
	width:100%;
	text-align:right!important;
}

.info_gauche_haut {
max-width:200px;
}

.info_gauche_haut .info_background {
	background: url(../images/carte/info_fond_gauche.gif) right repeat-y;
	text-align:left;
}
.info_gauche_haut .info_table {
	border-left:1px solid #40728E;
	border-bottom:1px solid #40728E;
	border-top:1px solid #40728E;
	color:#000000;
	background:#FFFFFF;
}		
.info_gauche_haut .info_fleche {
	background: url(../images/carte/info_fleche_gauche.gif) no-repeat right top;
	padding-right:26px;
}
.info_gauche_haut .info_fermeture {
	/*width:100%;
	text-align:left!important;*/
}

.info_gauche_bas {
max-width:200px;
}

.info_gauche_bas .info_background {
	background: url(../images/carte/info_fond_gauche.gif) right repeat-y;
	text-align:left;
}
.info_gauche_bas .info_table {
	border-left:1px solid #40728E;
	border-bottom:1px solid #40728E;
	border-top:1px solid #40728E;
	color:#000000;
	background:#FFFFFF;
}		
.info_gauche_bas .info_fleche {
	background: url(../images/carte/info_fleche_bas_gauche.gif) no-repeat right top;
	padding-right:26px;
}
.info_gauche_bas .info_fermeture {
	/*width:100%;
	text-align:left!important;*/
}