body {
top:0px;
left:0px;
background-image: url(images/indexbas.jpg);
background-position:top,left;
background-repeat:no-repeat;
}
/******************************
barre de navigation
******************************/
.soluce{
position: absolute;
top: 160px;
left: 1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:20px;
color:#FFFFFF;
}
.informatique{
position: absolute;
top: 220px;
left: 1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:20px;
color:#FFFFFF;
}
.securite{
position: absolute;
top: 280px;
left: 1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:20px;
color:#FFFFFF;
}
.references{
position: absolute;
top: 340px;
left: 1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:20px;
color:#FFFFFF;
}

.contact{
position: absolute;
top: 400px;
left: 1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:20px;
color:#FFFFFF;
}
/******************************
logo
******************************/
.logo{
	position: absolute;
	top: 14px;
	left: 48px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	color:#FFFFFF;
	text-align:center;
	width: 100px;
	height: 94px;
	
}
/******************************
liens
******************************/
a {	text-decoration:none;}
a img {border: none;}
a:link {color: #000;}
a:hover {color: #99CC99;}
a:active {color: #FFFFFF;}
/******************************
espace client
******************************/
.espaceClient{
	position: absolute;
	top: 47px;
	left: 771px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	color:#FFFFFF;
	text-align:center;
	height: 43px;
	width: 72px;
}
/******************************
rubriques secondaires
******************************/
.partenaires{
	position: absolute;
	top: 560px;
	left: 270px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	background-color:#993399;
	text-align:center;
	width: 150px;
	height:18px;
}
.trait1{
	position: absolute;
	top: 560px;
	left: 420px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	background-color:#993399;
	text-align:center;
	width: 10px;
	height:18px;
}
.mentions{
position: absolute;
top: 560px;
left: 430px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:italic;
background-color:#993399;
text-align:center;
width: 200px;
height:18px;
}
.trait2{
	position: absolute;
	top: 560px;
	left: 630px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	background-color:#993399;
	text-align:center;
	width: 10px;
	height:18px;
}
.aliquem{
	position: absolute;
	top: 560px;
	left: 640px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	background-color:#993399;
	text-align:center;
	width: 150px;
	height:18px;
}
/******************************
liens
******************************/
a {text-decoration:none;}
a:lien {color: #663366;}
a:link {color: #FFFFFF;}
a:visited {color: #999999;}
a:hover {color: #99CC99;}
a:active {color: #FFFFFF;}
/******************************
corps
******************************/
.partenaire{
	position: absolute;
	top: 210px;
	left: 234px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
	text-align:justify;
	height: 321px;
	width: 603px;
}