body {
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000;
	background-color: #C9D7EC;
	background-image: url( ./images/bg.jpg );
	background-repeat: repeat-x;
}
ul, li {
	list-style: none;
}
a {
	color: #000;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a span {
	display: none;
}

a#ccs {
	position: absolute;
	width: 296px;
	height: 276px;
	top: 162px;
	left: 50%;
	margin-left: -148px;
	background-image: url( ./images/ccs.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
}
a#ccs:hover {
	cursor: pointer;
	background-image: url( ./images/ccs.jpg );
	background-repeat: no-repeat;
	background-position: 0 -276px;
}
a#creation-site-internet {
	position: absolute;
	width: 508px;
	height: 58px;
	top: 51px;
	left: 50%;
	margin-left: -254px;
	background-image: url( ./images/creation-site-internet.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
}
a#creation-site-internet:hover {
	cursor: pointer;
	background-image: url( ./images/creation-site-internet.jpg );
	background-repeat: no-repeat;
	background-position: 0 -58px;
}
a#commedia {
	position: absolute;
	width: 208px;
	height: 58px;
	top: 265px;
	left: 50%;
	margin-left: -385px;
	background-image: url( ./images/commedia.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
}
a#commedia:hover {
	cursor: pointer;
	background-image: url( ./images/commedia.jpg );
	background-repeat: no-repeat;
	background-position: 0 -58px;
}
a#services {
	position: absolute;
	width: 208px;
	height: 58px;
	top: 265px;
	left: 50%;
	margin-left: 177px;
	background-image: url( ./images/services.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
}
a#services:hover {
	cursor: pointer;
	background-image: url( ./images/services.jpg );
	background-repeat: no-repeat;
	background-position: 0 -58px;
}
a#produits-informatiques {
	position: absolute;
	width: 508px;
	height: 58px;
	top: 485px;
	left: 50%;
	margin-left: -254px;
	background-image: url( ./images/produits-informatiques.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
}
a#produits-informatiques:hover {
	cursor: pointer;
	background-image: url( ./images/produits-informatiques.jpg );
	background-repeat: no-repeat;
	background-position: 0 -58px;
}
#liste {
	width: 740px;
	position: absolute;
	top: 550px;
	left: 50%;
	margin-left: -410px !important;
	margin-left: -370px;
	opacity: 0;
}
#liste li {
	display: inline;
	padding: 0;
	margin: 0;
}
a#fidelus {
	display: block;
	width: 185px;
	height: 45px;
	background-image: url( ./images/fidelite-client.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}
a#fidelus:hover {
	cursor: pointer;
	width: 185px;
	height: 45px;
	background-image: url( ./images/fidelite-client.jpg );
	background-repeat: no-repeat;
	background-position: 0 -45px;
}
a#edbos {
	display: block;
	width: 185px;
	height: 45px;
	background-image: url( ./images/back-office.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}
a#edbos:hover {
	cursor: pointer;
	width: 185px;
	height: 45px;
	background-image: url( ./images/back-office.jpg );
	background-repeat: no-repeat;
	background-position: 0 -45px;
}
a#produits {
	display: block;
	width: 185px;
	height: 45px;
	background-image: url( ./images/materiels.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}
a#produits:hover {
	cursor: pointer;
	width: 185px;
	height: 45px;
	background-image: url( ./images/materiels.jpg );
	background-repeat: no-repeat;
	background-position: 0 -45px;
}
a#consommables {
	display: block;
	width: 185px;
	height: 45px;
	background-image: url( ./images/consommables.jpg );
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}
a#consommables:hover {
	cursor: pointer;
	width: 185px;
	height: 45px;
	background-image: url( ./images/consommables.jpg );
	background-repeat: no-repeat;
	background-position: 0 -45px;
}