/* CSS Document */
div#plan
{
	height: 593px;
	position: relative;
	z-index: 0;
	color: #563a2a;
}
.calque
{
	position: absolute;
	z-index: 1;
}
.calque h4
{
	font-weight: normal;
}

/* -- Icone @ (internet) -- */
div.at
{
	width: 86px;
	top: 0px;
	left: 196px;
}
div.at div
{
	height: 91px;
	background: url('../img/mapitems/bloc_at.gif') no-repeat;
	padding-bottom: 15px;
}

/* -- Acces internet -- */
div.reseau
{
	width: 87px;
	height:82px;
	top: 93px;
	left: 196px;
	background: url('../img/mapitems/filet_vertical.gif') no-repeat 50% 100%;
	padding-bottom: 15px;
}
div.reseau ul
{
	position:absolute;
	top:-15px;
	left:-15px;
	width: 87px;
	height: 67px;
	margin:0;
	padding:0;
	padding-top: 14px;
	background: url('../img/mapitems/bloc_reseau.gif') no-repeat left top;
	list-style-type: none;
}
div.reseau ul li
{
	line-height: 17px;
	padding-left: 18px;
	margin: 0 0 3px 6px;
}
div.reseau ul li.green
{
	background: url('../img/mapitems/picto_liste_green.gif') no-repeat;
}
div.reseau ul li.yellow
{
	background: url('../img/mapitems/picto_liste_yellow.gif') no-repeat;
}
div.reseau ul li.red
{
	background: url('../img/mapitems/picto_liste_red.gif') no-repeat;
}

/* -- DartyBox -- */
div.dartybox
{
	width: 173px;
	height: 128px;
	top: 193px;	/* -47 px applied */
	left: 196px;
	background: url('../img/mapitems/bloc_dartybox.gif') no-repeat;
}

div.dartybox p
{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 14px;
}

/* -- USB -- */
div.usb
{
	width: 136px;
	height: 98px;
	top: 91px;
	left: 300px;
	background: url('../img/mapitems/filet_usb.gif') no-repeat 0 100%;
}
div.usb p {
	margin: 24px 0 0;
}
div.webcam,div.print,div.stockage
{
	position: absolute;
	top: -3px;
	width: 162px;
	padding-bottom: 54px;
	background: url('../img/mapitems/filet_usbdevice.gif') no-repeat 50% 100%;
}
div.webcam a,div.print a,div.stockage a {
	display:block;
	position:relative;
	top:0;
	left:81px;
	width: 81px;
	height:81px;
}
div.webcam div,div.print div,div.stockage div
{
	height: 81px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
div.webcam div p,div.print div p,div.stockage div p
{
	padding-top: 10px;
	margin: 0 5px;
	font-size:9px;
}
div.webcam
{
	right: 180px;
}
div.webcam div
{
	background-image: url('../img/mapitems/bloc_webcam.gif');
}
div.print
{
	right: 94px;
}
div.print div
{
	background-image: url('../img/mapitems/bloc_print.gif');
}
div.stockage
{
	right: 10px;
}
div.stockage div
{
	background-image: url('../img/mapitems/bloc_stockage.gif');
}

/* -- Ethernet -- */
div.ethernet
{
	width: 320px;
	height: 59px;
	top: 330px; /* -47 px applied */
	left: 104px;
	background: url('../img/mapitems/filet_eth.gif') no-repeat 0 100%;
}
div.eth0, div.eth1, div.eth2, div.eth3 {
	top: 394px;
	width:99px;
	height:118px;
}
div.ethernet_on {
	background: url('../img/mapitems/bloc_ordi.gif') no-repeat bottom left;
}
div.ethernet_on_empty {
	background: url('../img/mapitems/picto_vide.gif') no-repeat bottom left;
}
div.ethernet_off {
	background: transparent;
}
div.eth0 div.mark, div.eth1 div.mark, div.eth2 div.mark, div.eth3 div.mark {
	position:absolute;
	top:-18px;
	left:41px;
	width:19px;
	height:18px;
}
div.ethernet_on .mark, div.ethernet_on_empty .mark {
	background: url('../img/mapitems/mark_on.gif') no-repeat center center;
}
div.ethernet_off .mark {
	background: url('../img/mapitems/mark_off.gif') no-repeat center center;
}
div.stb {
	background: url('../img/mapitems/bloc_tv.gif') no-repeat bottom left;
}
div.eth0 {
	left:54px;
}
div.eth1 {
	left:160px;
}
div.eth2 {
	left:266px;
}
div.eth3 {
	left:372px;
}
div.eth0 h1, div.eth1 h1, div.eth2 h1, div.eth3 h1 {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	width:99px;
}
div.eth0 h4, div.eth1 h4, div.eth2 h4, div.eth3 h4 {
	position:absolute;
	top:20px;
	left:0;
	width:79px;
	margin: 10px;
	font-size:9px;
	overflow:hidden;
	white-space:nowrap;
}
div.eth0 p, div.eth1 p, div.eth2 p, div.eth3 p {
	position:absolute;
	top:84px;
	left:0px;
	width:79px;
	margin: 10px;
	font-size:9px;
}
table.pc {
	position:absolute;
	z-index:99;
	visibility:hidden;
	border:1px solid #996633;
	background-color:#FFFFFF;
	font-size:9px;
}
table.eth0 {
	top:498px;
	left:64px;
}
table.eth1 {
	top:498px;
	left:170px;
}
table.eth2 {
	top:498px;
	left:276px;
}
table.eth3 {
	top:498px;
	left:382px;
}

/* -- USB PC -- */
div.usb-port
{
	width: 54px;
	height: 40px;
	position: absolute;
	top: 198px;
	left: 379px;
	background: url('../img/mapitems/filet_horizontal.gif') no-repeat 0 50%;
}
div.usb-port p
{
	margin: 4px 0 0 4px;
}
div.usbpc {
	top: 175px;
	left:438px;
	width:99px;
	height:98px;
}
div.usb_on {
	background: url('../img/mapitems/bloc_ordi.gif') no-repeat bottom left;
}
div.usb_off {
	background: transparent;
}
div.usbpc div.mark {
	position:absolute;
	left:-12px;
	top:34px;
	width:19px;
	height:18px;
}
div.usb_on .mark {
	background: url('../img/mapitems/mark_on.gif') no-repeat center center;
}
div.usb_off .mark {
	background: url('../img/mapitems/mark_off.gif') no-repeat center center;
}
div.usbpc h4 {
	position:absolute;
	top:5px;
	left:0;
	width:79px;
	margin: 10px;
	font-size:9px;
	overflow:hidden;
	white-space:nowrap;
}
p.pc {
	position:absolute;
	z-index:99;
	left:453px;
	top:200px;
	visibility:hidden;
	border:1px solid #996633;
	background-color:#FFFFFF;
	font-size:9px;
	padding:5px;
	white-space:nowrap;
}

/* -- Telephone -- */
div.phone
{
	width: 142px;
	height: 98px;
	position: absolute;
	top: 259px;
	left: 379px;
	background: url('../img/mapitems/filet_horizontal.gif') no-repeat 0 50%;
}
div.phone p
{
	margin:32px 0 0 14px;
}
div.phone div
{
	position: absolute;
	bottom: 0;
	right: 0;
}
div.tel
{
	width: 82px;
	height: 81px;
	background: url('../img/mapitems/bloc_tel.gif') no-repeat right bottom;
}
div.tel h4
{
	font-size:9px;
	margin: 8px 10px 0;
}

/* -- Wifi -- */
div.ath0 {
	top: 13px;
	left: 16px;
	width: 148px;
	height: 143px;
}
div.ath1 {
	top: 163px;
	left: 16px;
	width: 148px;
	height: 143px;
}
div.ath_on {
	background: url('../img/mapitems/bloc_wifi_on.gif') no-repeat top left;
}
div.ath_off {
	background: url('../img/mapitems/bloc_wifi_off.gif') no-repeat top left;
}
div.ath0 h1, div.ath1 h1 {
	position:absolute;
	top:33px;
	left:0;
	text-align:center;
	font-size:10px;
	font-weight:normal;
	width:148px;
}
div.ath0 h4, div.ath1 h4 {
	position:absolute;
	top:45px;
	left:0;
	width:128px;
	margin: 10px;
	font-size:9px;
	overflow:hidden;
	white-space:nowrap;
}
div.wifipc
{
	position:absolute;
	top:78px;
	left:0;
	width:128px;
	height: 36px;
	background: url('../img/mapitems/bloc_wifipc.gif') no-repeat top center;
}
div.ath0 p, div.ath1 p {
	position:absolute;
	top:108px;
	left:0;
	width:128px;
	margin: 10px;
	font-size:9px;
}
table.ath0 {
	top:142px;
	left:26px;
}
table.ath1 {
	top:292px;
	left:26px;
}