<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">


<head>

	<title>Accueil</title>

<style>

body {
	background-color: #f2efe6;
	background-image: url(imagesnl1/fonddeg.jpg);
	background-repeat:repeat-x;
	text-align: center;
	background-align: center;
	font-family: "times new roman", Georgia, times,  serif;
	border: none;
 	padding: 0px;	
}

#conteneur
{
	width: 800px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 30px;
 	border: none;
 	padding: 0px;
}

h1 {
	font-family: "times new roman", Georgia, times,  serif;
	font-weight: lighter;
	font-size: 18pt;
	color: #6b532a;
}

h2 {
	font-family: "times new roman", Georgia, times,  serif;
	font-weight: lighter;
	font-size: 14pt;
	color: #6b532a;
}

p {
	font-family: "times new roman", Georgia, times,  serif;
	font-size: 10pt;
	color: #6b532a;
}

img {
	border: 0;
}

table {
	font-size: 8pt;
	color: #6b532a;
	height: auto;
	border: 0px;
}
	
td {
	width: 197px;
}	
	
#banner {
	width: 800px;
	height: 96px;
	background-image: url(imagesnl1/banner.jpg);
	background-repeat: no-repeat;
	position: relative;
	top:0px;
	left:0px;
}

#body {
	width: 800px;
	height: 348px;
	background-image: url(imagesnl1/body.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
}

#texteintro {
	width: 360px;
	height: 265px;
	font-size: 16px;
	line-height: 21px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none; 
	padding: 32px 10px 10px 320px;
	color: #646466;
	text-align: left;
	font-family: "times new roman", Georgia, times,  serif;
	position: relative;
	top: 0px;
	left: 0px;
}

#illuintro {
	width: 250px;
	height: 314px;
	background-image: url(imagesnl1/illuintro.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 33px;
	left: 50px;
}


#base {
	width: 800px;
	height: 104px;
	background-image: url(imagesnl1/base.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top:348px;
	left: 0px;
}

#menu {
	width: 800px;
	height: 50px;
	font-size: 13px;
	text-align: left;
	position: relative;
	margin: 15px;
	top: 24px;
	left: 258px;
}

#baseline {
	width: 800px;
	height: 20px;
	background-image: url(imagesnl1/baseline.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 60px;
	left: 0px;
}
	
li 
	{
	width: 800px;
	height: auto;
	margin: 5px;
	border: 0px;
	list-style-type: none;
	display: inline;
}

a:link
   {
   margin: 3px;
   text-decoration: none;
   color: #6b532a;
   padding: 0px 0px 0px 0px;
}

a:hover
   {
   border: none;
   text-decoration: none;
   color: #68962a;
   list-style-type: none;
   display: inline;
   margin: 3px;
   border-bottom: 2px solid #68962a;
   padding: 0px 0px 4px 0px;
}

a:visited
   {
   margin: 3px;
   text-decoration: none;
   color: #6b532a;
   margin: 3px;
   padding: 0px 0px 0px 0px;
}

#nouveau
	{
	width: 120px;
	height: 125px;
	background-image: url(imagesnl1/new.png);
	background-repeat: no-repeat;
	position: absolute;
	top:-100px;
	left:650px;
	}


#references {
	width: 750px;
	height: 265px;
	font-size: 16px;
	padding: 12px 10px 10px 20px;
	color: #6b532a;
	text-align: left;
	font-family: "times new roman", Georgia, times,  serif;
	position: relative;
	top: 0px;
	left: 0px;
}

#competences {
	width: 350px;
	height: 265px;
	font-size: 16px;
	padding: 12px 10px 10px 320px;
	color: #6b532a;
	text-align: left;
	list-style-type: circle;
	font-family: "times new roman", Georgia, times,  serif;
	position: relative;
	top: 0px;
	left: 0px;
	margin:0px;	
}

.corp li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	font-size: 14px;	
}

#book {
	width: 430px;
	height: 265px;
	font-size: 16px;
	padding: 12px 10px 10px 320px;
	text-align: left;
	font-family: "times new roman", Georgia, times,  serif;
	position: relative;
	top: 0px;
	left: 0px;
}

#illubook {
	width: 212px;
	height: 300px;
	background-repeat: no-repeat;
	position: absolute;
	top: 33px;
	left: 90px;	
}

#illubook a:hover {
	border-bottom: none;
}


#book a:link {
	color: #6b532a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#book a:visited {
	color: #6b532a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#book a:hover {
	color: #68962a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#contact {
	width: 430px;
	height: 265px;
	font-size: 16px;
	padding: 12px 10px 10px 320px;
	color: #68962a;
	text-align: left;
	font-family: "times new roman", Georgia, times,  serif;
	position: absolute;
	top: 0px;
	left: 0px;
}

#contact a:link {
	color: #6b532a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#contact a:visited {
	color: #6b532a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#contact a:hover {
	color: #68962a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#fafa {
	width: 150px;
	height: 224px;
	background-image: url(images/toffafa.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 33px;
	left: 148px;
}

#txtbas {
	margin: 0px,
	border: none;
	width: 800px;
	height: 100px;
	font-size: 10px;
	padding: 0px 0px 0px 10px;
	color: #6b532a;
	text-align: left;
	font-family: "times new roman", georgia, times, serif;
	position: relative;
	top: 9px;
	left: 0px;
}


#txtbas a:link {
	color: #6b532a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#txtbas a:visited {
	color: #6b532a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#txtbas a:hover {
	color: #68962a;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#shop {
	width: 430px;
	height: 265px;
	font-size: 16px;
	padding: 12px 10px 10px 320px;
	color: #68962a;
	text-align: left;
	font-family: "times new roman", georgia, times, serif;
	position: absolute;
	top: 0px;
	left: 90px;}
	
#illushop {
	width: 420px;
	height: 279px;
	background-image: url(images/aquar.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 33px;
	left: -10px;
	}
	
#blog {
	width: 430px;
	height: 265px;
	font-size: 16px;
	padding: 12px 10px 10px 320px;
	color: #68962a;
	text-align: left;
	font-family: "times new roman", Georgia, times,  serif;
	position: absolute;
	top: 0px;
	left: 0px;}
	
#illublog {
	width: 250px;
	height: 250px;
	background-image: url(images/studio.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 33px;
	left: 50px;
	}

</style>


</head>
<body>
<div id="conteneur">

<div id="banner"></div>


<div id="body">

<div id="texteintro">
<b>ARKEType</b> est très heureux de vous proposer un tout nouveau service... <b>La communication par le web</b>, que ce soit la création de<i> site internet</i>, la composition de <i> news letter</i>, nous pouvons dès ajourd'hui vous donner des solutions adaptées à vos demandes. Grâce à notre grande expérience dans le domaine de la création graphique nous vous proposerons une qualité de design exceptionnelle. Découvrez l'offre de notre Pack Web à partir de 999 euros, comprenant: le dépôt de votre nom de domaine, la création de votre site, l'hébergement de celui-ci, des cartes de vistes et des vinyles autocollants afin de faire connaître votre nouveau site... 
<br><br>
<b>N'hésitez pas à nous contacter pour de plus amples renseignements !</b>
<br>
<br>
</div>
<div id="illuintro"></div>
<div id="nouveau">
</div>

<div id="base">

<div id="menu">
	<ul> 
		<li><a href="http://www.arketype.be/ref.html">Références</li></a>
		<li><a href="http://www.arketype.be/comp.html">Compétences</li></a>
		<li><a href="http://www.arketype.be/book.html">Book</li></a>
		<li><a href="http://www.arketype.be/contact.html">Contact</li></a>	
		<li><a href="http://www.arketype.be/lien.html">Liens</li></a>
		<li><a href="http://www.arketype.be/boutique.html">Boutique</li></a>
	</ul>
	
</div>

<div id="baseline">
</div>

<div id="txtbas">
<b>ARKEType</b> - Studio de Création graphique <br>
Tél.: +32 (0) 495	83	40	50 - <a href="mailto:f.lobet@arketype.be">E-mail: f.lobet@arketype.be</a> - 
<a href="http://maps.google.be/maps?q=arketype&hl=fr&cd=5&ei=_-50TKmAE4y5jAfN2NTSDQ&sll=39.391699,-103.640552&sspn=10.236097,31.257635&ie=UTF8&view=map&cid=15794027136755497452&ved=0CBsQpQY&hq=arketype&hnear=&t=h&z=16&iwloc=A"target="_blank">Situation géographique</a>
</div>


</p>
</div>
<div>
<br><br><br><br><br><br><br><br><br><br>
<h6><font color="red">News Letter 09.2010 - © A R K E T y p e </font color></h6>
</div>
</body>
</html>