.carte {
	width: 480px;
	float:left;
	}
.carte a {
font-size:14px;
}

.noms {
	float:right;
	padding-right:20px;
	}

/* ---------- CARTE MAP ---------- */
img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(../img/carte.gif) bottom right no-repeat;
	height: 540px;
	width: 450px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; display: none; }
dd{ margin: 0; padding: 0; position: absolute; }

dd img{ margin: 0 5px 0 0; padding: 0; border:0;}

/*----------*/
dd#lilleDef {
	top: 122px;
	left: 205px;
	}
dd#lilleDef a {
	position: absolute;
	width: 20px;
	height: 30px;
	text-decoration: none;
	top: 0;
	left: 64px;
	}
dd#lilleDef a span {
	display: none;
	}
dd#lilleDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#lilleDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 150px;
	height:130px;
}
/*----------*/
dd#rouenDef {
	top: 137px;
	left: 170px;
	}
dd#rouenDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 29px;
	left: 54px;
	}
dd#rouenDef a span {
	display: none;
	}
dd#rouenDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#rouenDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 180px;
	height:130px;
}
/*----------*/
dd#vitryDef {
	top: 165px;
	left: 225px;
	}
dd#vitryDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 30px;
	left: 54px;
	}
dd#vitryDef a span {
	display: none;
	}
dd#vitryDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#vitryDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 140px;
	height:116px;
}
/*----------*/
dd#gennevilliersDef {
	top: 188px;
	left: 258px;
	}
dd#gennevilliersDef a {
	position: absolute;
	width: 20px;
	height: 30px;
	text-decoration: none;
	top: 0;
	left: 0;
	}
dd#gennevilliersDef a span {
	display: none;
	}
dd#gennevilliersDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#gennevilliersDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 150px;
	height:130px;
}
/*----------*/
dd#nantesDef {
	top: 206px;
	left: 94px;
	}
dd#nantesDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 45px;
	left: 57px;
	}
dd#nantesDef a span {
	display: none;
	}
dd#nantesDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#nantesDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 140px;
	height:130px;
}
/*----------*/
dd#brestDef {
	top: 172px;
	left: 20px;
	}
dd#brestDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 29px;
	left: 54px;
	}
dd#brestDef a span {
	display: none;
	}
dd#brestDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#brestDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 145px;
	height:130px;
}
/*----------*/
dd#dijonDef {
	top: 219px;
	left: 282px;
	}
dd#dijonDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 29px;
	left: 54px;
	}
dd#dijonDef a span {
	display: none;
	}
dd#dijonDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#dijonDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 120px;
	height:130px;
}
/*----------*/
dd#strasbourgDef {
	top: 163px;
	left: 567px;
	}
dd#strasbourgDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 29px;
	left: -146px;
	}
dd#strasbourgDef a span {
	display: none;
	}
dd#strasbourgDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#strasbourgDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 130px;
	height:130px;
}
/*----------*/
dd#nancyDef {
	top: 171px;
	left: 327px;
	}
dd#nancyDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 29px;
	left: 54px;
	}
dd#nancyDef a span {
	display: none;
	}
dd#nancyDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#nancyDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 150px;
	height:130px;
}
/*----------*/
dd#bordeauxDef {
	top: 313px;
	left: 146px;
	}
dd#bordeauxDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 39px;
	left: 40px;
	}
dd#bordeauxDef a span {
	display: none;
	}
dd#bordeauxDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#bordeauxDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 160px;
	height:130px;
}
/*----------*/
dd#clermontDef {
	top: 264px;
	left: 258px;
	}
dd#clermontDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 51px;
	left: 40px;
	}
dd#clermontDef a span {
	display: none;
	}
dd#clermontDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#clermontDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 180px;
	height:130px;
}
/*----------*/
dd#lyonDef {
	top: 303px;
	left: 257px;
	}
dd#lyonDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 15px;
	left: 92px;
	}
dd#lyonDef a span {
	display: none;
	}
dd#lyonDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#lyonDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 130px;
	height:130px;
}
/*----------*/
dd#toulouseDef {
	top: 350px;
	left: 256px;
	}
dd#toulouseDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 72px;
	left: -17px;
	}
dd#toulouseDef a span {
	display: none;
	}
dd#toulouseDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#toulouseDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 150px;
	height:130px;
}
/*----------*/
dd#perpignanDef {
	top: 369px;
	left: 285px;
	}
dd#perpignanDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 90px;
	left: -9px;
	}
dd#perpignanDef a span {
	display: none;
	}
dd#perpignanDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#perpignanDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 150px;
	height:130px;
}
/*----------*/
dd#montpellierDef {
	top: 379px;
	left: 317px;
	}
dd#montpellierDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 45px;
	left: -20px;
	}
dd#montpellierDef a span {
	display: none;
	}
dd#montpellierDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#montpellierDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 140px;
	height:130px;
}
/*----------*/
dd#marseilleDef {
	top: 400px;
	left: 317px;
	}
dd#marseilleDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: 17px;
	left: 51px;
	}
dd#marseilleDef a span {
	display: none;
	}
dd#marseilleDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#marseilleDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 160px;
	height:130px;
}
/*----------*/
dd#niceDef {
	top: 430px;
	left: 329px;
	}
dd#niceDef a {
	position: absolute;
	width: 20px;
	height: 37px;
	text-decoration: none;
	top: -30px;
	left: 84px;
	}
dd#niceDef a span {
	display: none;
	}
dd#niceDef a:hover {
	background: url(../img/transparent.gif) no-repeat;
	}
dd#niceDef a:hover span{
	position: absolute;
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 150px;
	height:130px;
}
/*----------*/