<!--?xml version="1.0" encoding="utf-8"?-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<!-- style pique a Marcel Turcotte: http://www.site.uottawa.ca/~turcotte/ -->
<style type="text/css">
body {
font : 100% Verdana, Arial, Helvetica, sans-serif;
background : #FFFFFF;
margin : 0;
padding : 0;
text-align : center;
color : #000000
}
.header-container {
background : #72634d;
width : 800px;
height : 100px;
margin : 0 auto;
position : relative
}
.header {
position : absolute;
bottom : 0;
color : #FFFFFF;
padding : 0px 0px 5px 5px;
text-align : left;
font-size : 200%;
vertical-align : bottom
}
.wrapper {
margin : 0 auto;
text-align : left;
width : 800px;
}
.page {
width : auto;
margin : 0 auto;
border : 0;
text-align : center;
padding : 5px 5px 5px 5px;
}
.message {
float : left;
width : 170px;
padding : 5px 10px 5px 5px;
text-align : right;
font-family : "Skia cursive";
font-size : small;
}
.capsule {
float : right;
width : 200px;
padding : 5px;
font-size : 70%;
text-align : left;
}
.content {
width : 450px;
min-height : 400px;
margin : 0 250px 15px 185px;
padding : 10px 5px 5px 10px;
text-align : left;
font-size : 90%;
}
.citation-content {
font-style : italic;
}
.citation-author {
font-weight : bold;
}
.footer {
padding : 5px;
color : #EA891F;
background : #222222;
text-align : center;
}
.title {
color : #EA891F;
font-weight : bold;
}
.menu-item {
margin-bottom : 5px;
}
.menu-title {
font-weight : bold;
font-size : 125%;
margin-bottom : 15px;
}
a {
color : #993333;
text-decoration : none;
font-weight : inherit;
}
a:link {
color : #993333;
}
a:visited {
color : #D99815;
}
a:hover {
background-color : #EDEDED;
}
address {
font-style : normal;
font-size : 80%;
}
.powered {
color : #EEEEEE;
letter-spacing : 4pt;
}
</style>
<title>
Pastis.org
</title>
</head>
<body>
<div class="header-container">
<div class="header">
Pastis.org
</div>
</div>
<div class="wrapper">
<div class="page">
<div class="message">
<span class="citation-content">
``When I see web sites such as pastis.org, I feel quite pleased with myself.''
</span>
<br>
<span class="citation-author">
Tim Berners-Lee
</span>
</div>
<div class="capsule">
<div class="menu-title">
Vous cherchez:
</div>
<div class="menu-item">
<a href="6piedssousterre">
www.pastis.org/6piedssousterre
</a>
<br>
Les éditions 6 pieds sous terre
</div>
<div class="menu-item">
<a href="joann">
www.pastis.org/joann
</a>
<br>
Le site de Joann Sfar
</div>
<div class="menu-item">
<a href="julie">
www.pastis.org/julie
</a>
<br>
Le site de Julie Jourdan
</div>
<div class="menu-item">
<a href="ambre">
www.pastis.org/ambre
</a>
<br>
Le site de Ambre
</div>
<div class="menu-item">
<a href="http://www.pastaga.net">
www.pastaga.net
</a>
<br>
Le site de pastaga
</div>
<div class="menu-item">
<a href="http://www.ivanrival.com">
www.IvanRival.com
</a>
<br>
Le site à la mémoire de Ivan Rival
</div>
</div>
<div class="content">
<b>
Les centres d'intérêts du groupe
pastis.org
</b>
<ul>
<li>
Les pages web concises
</li>
</ul>
</div>
</div>
<div class="footer">
<address>
Le groupe Pastis.org, la BD francophone, le monde
littéraire dans son ensemble, le cinéma d'art et essais et
la recherche scientifique expriment leur gratitude à Botta
pour son soutien exemplaire, sonnant et trébuchant.
<br>
<span class="powered">
Powered by le pognon à Botta
</span>
</address>
</div>
</div>
</body>
</html>