@CHARSET "UTF-8";

/*-----------------------------*/
/* pages détail de la visite   */
/*-----------------------------*/
/* positionnement des colonnes */
#colonneTexte { position: relative; float: right; display: inline; margin: 7em 60px 2em 0; padding: 1.5em 0 0 0; width: 462px; }
#carteVisite { position: relative; float: left; display: inline; margin: 7em 0 2em 10px; width: 400px; background: white; }

/* styles des éléments de la carte */
#carteVisite ul {
	position: relative; margin: 0; padding: 0; width: 400px; height: 293px;
	list-style: none;
	background: url(../images/carte.jpg) no-repeat;
}
#carteVisite ul li { position: absolute; }
#carteVisite ul li.numero_1 { top: 206px; left: 261px; }
#carteVisite ul li.numero_2 { top: 221px; left: 297px; }
#carteVisite ul li.numero_3 { top: 221px; left: 276px; }
#carteVisite ul li.numero_4 { top: 170px; left: 220px; }
#carteVisite ul li.numero_5 { top: 185px; left: 147px; }
#carteVisite ul li.numero_6 { top: 198px; left: 93px; }

#carteVisite ul li a { 
	display: block; width: 10px; height: 10px;
	text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: white; text-decoration: none;
	border: 1px solid #31221e;
	background: #e20c1b;
}
#carteVisite ul li a span { position: absolute; top: 0; left: -999em; }
#carteVisite ul li.numero_1 a:after { content: "1"; }
#carteVisite ul li.numero_2 a:after { content: "2"; }
#carteVisite ul li.numero_3 a:after { content: "3"; }
#carteVisite ul li.numero_4 a:after { content: "4"; }
#carteVisite ul li.numero_5 a:after { content: "5"; }
#carteVisite ul li.numero_6 a:after { content: "6"; }

#carteVisite ul li span.focus { 
	position: absolute; top: auto; left: -999em; margin: 20px 0 0 -100px;
	display: block; width: 220px; text-align: center;
	border: 1px solid #690; background-color:white;
}
#carteVisite ul li span.focus strong {
	display: block; margin: 0; padding: 0 0.2em;
	font-size:1.1em; color: white;
	background-color: #690;
}
#carteVisite ul li a:hover + span.focus { left: auto; z-index: 1000; }


/*-----------------------------*/
/*	page rubrique de la visite */
/*-----------------------------*/
#carteVisite.listeLieuxVisite { position: relative; float: none; display: block; margin: 1em 0 0 230px; width: 536px; }
#carteVisite.listeLieuxVisite ul {
	margin: 0; width: 536px; height: 392px;
	background: url(../images/carte-intro.jpg) no-repeat;
}
#carteVisite.listeLieuxVisite ul li a { width: 11px; height: 11px; line-height: 11px; }
#carteVisite.listeLieuxVisite ul li.numero_1 { top: 276px; left: 350px; }
#carteVisite.listeLieuxVisite ul li.numero_2 { top: 296px; left: 400px; }
#carteVisite.listeLieuxVisite ul li.numero_3 { top: 296px; left: 370px; }
#carteVisite.listeLieuxVisite ul li.numero_4 { top: 227px; left: 296px; }
#carteVisite.listeLieuxVisite ul li.numero_5 { top: 249px; left: 198px; }
#carteVisite.listeLieuxVisite ul li.numero_6 { top: 266px; left: 125px; }