/******************************************************
  USER COMMERCE MAP
*******************************************************/
.user-commercemap-pi1-books {
	margin: 20px 0 0 0;
}

.user-commercemap-pi1 .right {
	float: right;
}

.user-commercemap-pi1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainContent .user-commercemap-pi1 ul li {
	background: 0;
	padding: 0 30px 20px 0;
	display: block;
	float: left;
}

#mainContent .user-commercemap-pi1 ul li a:link img, #mainContent .user-commercemap-pi1 ul li a:visited img {
	border: 4px solid #fff;
}

#mainContent .user-commercemap-pi1 ul li a:hover img, #mainContent .user-commercemap-pi1 ul li a:active img {
	border: 4px solid #dbecff;
}


/******************************************************
  USER COMMERCE MAP COMMERCE
*******************************************************/
div.user-commercemap-pi1-commerce {
	width: 671px;
	height: 454px;
	position: relative;
	margin-top: 50px;
}

div.user-commercemap-pi1-commerce .renaissance {
	position: absolute;
	left: 361px;
	top: 245px;
	width: 174px;
	height: 73px;
	background: url(../mapCommerce/renaissance.png) no-repeat left top;
}

div.user-commercemap-pi1-commerce .renaissance a:link, div.user-commercemap-pi1-commerce .renaissance a:visited,
div.user-commercemap-pi1-commerce .renaissance a:hover, div.user-commercemap-pi1-commerce .renaissance a:active {
	display: block;
	width: 174px;
	height: 73px;	
}

div.user-commercemap-pi1-commerce .moyenage {
	position: absolute;
	left: 215px;
	top: 245px;
	width: 148px;
	height: 80px;
	background: url(../mapCommerce/moyenage.png) no-repeat left top;
}

div.user-commercemap-pi1-commerce .moyenage a:link, div.user-commercemap-pi1-commerce .moyenage a:visited,
div.user-commercemap-pi1-commerce .moyenage a:hover, div.user-commercemap-pi1-commerce .moyenage a:active {
	display: block;
	width: 148px;
	height: 80px;
}

div.user-commercemap-pi1-commerce .galloromain {
	position: absolute;
	left: 3px;
	top: 245px;
	width: 269px;
	height: 178px;
	background: url(../mapCommerce/galloromain.png) no-repeat left top;
}

div.user-commercemap-pi1-commerce .galloromain a:link, div.user-commercemap-pi1-commerce .galloromain a:visited,
div.user-commercemap-pi1-commerce .galloromain a:hover, div.user-commercemap-pi1-commerce .galloromain a:active {
	display: block;
	width: 269px;
	height: 178px;
}

div.user-commercemap-pi1-commerce .paleolithique {
	position: absolute;
	left: 233px;
	top: 13px;
	width: 230px;
	height: 66px;
	background: url(../mapCommerce/paleolithique.png) no-repeat left top;
}

div.user-commercemap-pi1-commerce .paleolithique a:link, div.user-commercemap-pi1-commerce .paleolithique a:visited,
div.user-commercemap-pi1-commerce .paleolithique a:hover, div.user-commercemap-pi1-commerce .paleolithique a:active {
	display: block;
	width: 230px;
	height: 66px;
}

div.user-commercemap-pi1-commerce .bronze {
	position: absolute;
	left: 115px;
	top: 13px;
	width: 129px;
	height: 76px;
	background: url(../mapCommerce/bronze.png) no-repeat left top;
}

div.user-commercemap-pi1-commerce .bronze a:link, div.user-commercemap-pi1-commerce .bronze a:visited,
div.user-commercemap-pi1-commerce .bronze a:hover, div.user-commercemap-pi1-commerce .bronze a:active {
	display: block;
	width: 129px;
	height: 76px;
}

div.user-commercemap-pi1-commerce .neolithique {
	position: absolute;
	left: 11px;
	top: 13px;
	width: 135px;
	height: 126px;
	background: url(../mapCommerce/neolithique.png) no-repeat left top;
}

div.user-commercemap-pi1-commerce .neolithique a:link, div.user-commercemap-pi1-commerce .neolithique a:visited,
div.user-commercemap-pi1-commerce .neolithique a:hover, div.user-commercemap-pi1-commerce .neolithique a:active {
	display: block;	
	width: 135px;
	height: 126px;
}

div.user-commercemap-pi1-commerce .fer {
	position: absolute;
	left: 3px;
	top: 68px;
	width: 268px;
	height: 123px;
	background: url(../mapCommerce/fer.png) no-repeat left top;
}

div.user-commercemap-pi1-commerce .fer a:link, div.user-commercemap-pi1-commerce .fer a:visited,
div.user-commercemap-pi1-commerce .fer a:hover, div.user-commercemap-pi1-commerce .fer a:active {
	display: block;
	width: 268px;
	height: 123px;
}