Académique Documents
Professionnel Documents
Culture Documents
0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><$blogpagetitle$></title>
<$blogmetadata$>
<link rel="alternate" type="application/atom+xml" title="atom 0.3"
href="../%3c$blogurl$%3e/atom.xml" />
/*-------------------------------------------------
pic locations
---------------------------------------------------
http://postthatpic.com/files/1349/dot.gif
http://postthatpic.com/files/1349/header.gif
http://postthatpic.com/files/1349/headerin.gif
http://postthatpic.com/files/1349/iconarrow.gif
http://postthatpic.com/files/1349/iconmeta.gif
http://postthatpic.com/files/1349/line.gif
http://postthatpic.com/files/1349/main-l-7.gif
http://postthatpic.com/files/1349/mainbottom-l.gif
http://postthatpic.com/files/1349/maintop-l.gif
http://postthatpic.com/files/1349/header-xmas.gif
http://postthatpic.com/files/1349/atom.gif
http://postthatpic.com/files/1349/blogger.gif
http://postthatpic.com/files/1349/animated_underline.gif
-----------------------------------------------------*/
/* ---------------------------------------------------
global settings
-------------------------------------------------------*/
* {
margin: 0;
padding: 0;
}
body {
background: #fff;
font: 100%/1.4em "lucida sans unicode", "lucida grande", verdana, 'trebuchet ms',
sans-serif;
color: #666;
text-align: center;
}
/* hyperlink styles */
a:link {
text-decoration: none;
color: #c30;
}
a:visited {
text-decoration: none;
color: #c30;
}
a:hover {
text-decoration: none;
color: #930;
a:active {
text-decoration: none;
color: #c30;
}
a img {
border: 0;
}
/*--------------------------------------------------*/
/* ---------------------------------------------------
header styles
------------------------------------------------------*/
/* misc */
abbr, acronym {
font-style: normal;
border-bottom: 1px dotted #666;
cursor: help;
}
code {
margin: 10px 0;
font: 0.9em "courier new", courier, monospace;
color: #666;
background-color: #f8f8f8;
}
pre {
margin: 10px 0;
font: 110% "courier new", courier, monospace;
color: #666;
}
/* definition lists */
dl {
margin: 20px 0;
}
dt {
font-size: 0.9em;
text-transform: uppercase;
}
dd {
margin: 0 0 20px;
}
/* list styles */
ul {
margin: 10px 0;
}
ul li {
height: 1%;
list-style-type: none;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
line-height: 20px;
}
ol {
margin: 10px 0 10px 25px;
}
ol li {
margin: 0 0 5px 0;
}
/* blockquote */
blockquote {
margin: 10px 0;
padding: 5px 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font: 0.9em/1.5em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #666;
}
/*----------------------------------------------------*/
/* ---------------------------------------------------
layout
------------------------------------------------------ */
#kisswrap {
width: 800px;
margin: 0 auto;
text-align: left;
}
#kisscontainer {
//height: 1%;
margin: 15px 0;
}
#kisscontainer-top {
clear: both;
height: 30px;
}
#kisscontainer-bottom {
clear: both;
height: 30px;
}
/*----------------------------------------------------*/
/* ---------------------------------------------------
header
------------------------------------------------------ */
#kissheader {
width: 598px;
height: 1%;
padding: 0 0 15px;
text-align: center;
}
#kissheader div {
padding: 10px 30px;
}
#kissheader h1 {
margin: 0;
font-size: 0.9em;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#kissheader h1 a {
color: #000;
}
#kissheader h1 a:hover {
color: #fee;
}
h2.description {
margin: 0;
font-size: 0.75em;
color: #b2b2b2;
line-height: 1.4em;
}
/*----------------------------------------------------*/
/* ---------------------------------------------------
main column
------------------------------------------------------ */
#kissmain {
width: 598px;
display: inline;
float: left;
font-size: 0.75em;
padding:0 10px 0;
}
#kissmain-1 {
margin: 20px 35px;
}
/* post */
div.post {
margin: 0 0 20px;
padding: 0 0 40px;
}
h2.post-title {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}
h3.post-date {
margin: 0;
font-size: 0.85em;
color: #999;
text-align: center;
}
div.post-body {
margin: 20px 0 0;
}
p.postmetadata {
margin: 20px 0 0;
padding: 0 0 0 20px;
line-height: 19px;
font-size: 0.85em;
color: #999;
}
p.prev-next {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
text-align: center;
}
/*----------------------------------------------------*/
/*----------------------------------------------------
search results page
------------------------------------------------------*/
/*
div.search-result {
height: 1%;
margin: 40px 0 0px;
padding: 0 0 20px;
background: url(i/http://postthatpic.com/files/1349/dot.gif) 0 100% repeat-x;
}
div.search-result h3 {
margin: 0;
font-size: 1.1em;
}
div.search-result p.postmetadata {
margin: 0;
}
#search-main {
margin: 0 0 20px;
padding: 0 0 40px;
background: url('http://postthatpic.com/files/1349/line.gif') no-repeat 0 100%;
text-align: left;
}*/
/*----------------------------------------------------*/
/*----------------------------------------------------
comments
-----------------------------------------------------*/
#comments {
margin: 20px 0;
padding: 0 0 40px;
}
#comments h2 {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}
#comments ol {
}
#comments li {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
font-size: 0.9em;
}
#comments li span {
font-size: 0.95em;
text-transform: uppercase;
}
#commentform label {
display: block;
font-size: 0.85em;
text-transform: uppercase;
}
#author,
#email,
#url,
#comment {
width: 90%;
margin: 0 0 10px;
padding: 2px;
border: 1px solid #ccc;
}
#searchsubmit, #submit {
padding: 2px;
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
/* ------------------------------------------------- */
/* ---------------------------------------------------
side
------------------------------------------------------ */
#sidebar {
display: inline;
float: left;
width: 180px;
margin: 10px 0;
font-size: 0.7em;
}
div.side-sec {
height: 1%;
margin: 0 0 10px 15px;
padding: 0 0 10px;
}
div.side-sec h3 {
font-size: 1em;
text-transform: uppercase;
}
div.side-sec li {
list-style-type: none;
padding: 0 0 0 15px;
line-height: 20px;
}
div.side-sec search {
padding: 0 0 20px;
}
#sidebar #searchsubmit {
padding: 2px;
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
#sidebar #searchform #s {
width: 90%;
margin: 0 0 10px;
padding: 4px;
border: 1px solid #ccc;
}
/* -------------------------------------------------*/
/*--------------------------------------------------
calendar (optional for blogger, i didnt edit this)
---------------------------------------------------*/
/*
#wp-calendar #prev a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'lucida grande', verdana, arial, sans-serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar caption {
text-decoration: none;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
*/
/* -------------------------------------------------*/
/* -------------------------------------------------
footer
--------------------------------------------------- */
#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 760px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* images */
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* -------------------------------------------------*/
/* --------------------------------------------------
theme images
----------------------------------------------------- */
ul li {
background: url('http://postthatpic.com/files/1349/iconarrow.gif') no-repeat 0 0;
}
#kisscontainer {
background: url('http://postthatpic.com/files/1349/main-l-7.gif') 0 0 repeat-y;
}
#kisscontainer-top {
background: url('http://postthatpic.com/files/1349/maintop-l.gif') 0 0 no-repeat;
}
#kisscontainer-bottom {
background: url('http://postthatpic.com/files/1349/mainbottom-l.gif') 0 0 no-
repeat;
}
#kissheader {
background: #ffffff url('http://postthatpic.com/files/1349/header-xmas.gif') no-
repeat 0 100%;
}
#kissheader div {
//background: url('http://postthatpic.com/files/1349/headerin.gif') repeat-y;
}
div.post {
background: url('http://postthatpic.com/files/1349/line.gif') no-repeat 0 100%;
}
p.postmetadata {
background: url('http://postthatpic.com/files/1349/iconmeta.gif') no-repeat;
}
p.prev-next {
background: url('http://postthatpic.com/files/1349/dot.gif') 0 100% repeat-x;
}
#comments {
background: url('http://postthatpic.com/files/1349/line.gif') no-repeat 0 100%;
}
#comments li {
background: url('http://postthatpic.com/files/1349/dot.gif') 0 100% repeat-x;
}
div.side-sec {
background: url('http://postthatpic.com/files/1349/dot.gif') 0 100% repeat-x;
}
div.side-sec li {
background: url('http://postthatpic.com/files/1349/iconarrow.gif') no-repeat;
}
/* ---------------------------------------------------*/
</style>
</head>
<noembed><body></noembed>
<script type="text/javascript">
/******************************************
* snow effect script- by altan d.o.o. (http://www.altan.hr/snow/index.html)
* visit dynamic drive dhtml code library (http://www.dynamicdrive.com/) for full
source code
* last updated nov 9th, 05' by dd. this notice must stay intact for use
******************************************/
///////////stop config//////////////////////////////////
function iecompattest(){
return (document.compatmode && document.compatmode!="backcompat")?
document.documentelement : document.body
}
if (ns6up) {
doc_width = self.innerwidth;
doc_height = self.innerheight;
} else if (ie4up) {
doc_width = iecompattest().clientwidth;
doc_height = iecompattest().clientheight;
}
dx = new array();
xp = new array();
yp = new array();
am = new array();
stx = new array();
sty = new array();
//snowsrc=(snowsrc.indexof("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = math.random()*(doc_width-50); // set position variables
yp[i] = math.random()*doc_height;
am[i] = math.random()*20; // set amplitude variables
stx[i] = 0.02 + math.random()/10; // set step variables
sty[i] = 0.7 + math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"position: absolute; z-
index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a
href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"'
border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"position: absolute; z-
index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><img
src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function hidesnow(){
if (window.snowtimer) cleartimeout(snowtimer)
for (i=0; i<no; i++)
document.getelementbyid("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowie_ns6();
if (hidesnowtime>0)
settimeout("hidesnow()", hidesnowtime*1000)
}
</script>
<div id="kisswrap">
<div id="kissheader" style="width: 598px; height: 110px">
<!--<div>-->
<h1><a href="<$blogurl$>" title="<$blogtitle$>"><$blogtitle$></a></h1>
<h2 class="description"><$blogdescription$></h2>
<!--</div>-->
</div>
<div id="kisscontainer">
<div id="kisscontainer-top"></div>
<div id = "kissmain">
<div id="kissmain-1">
<mainorarchivepage>
<blogger>
<div id="post">
<p><$blogitembody$></p>
<p class="postmetadata">posted by
<$blogitemauthornickname$> <itempage>on <blogdateheader>
<$blogdateheaderdate$></blogdateheader></itempage> at <$blogitemdatetime$> | <a
href="<$blogitempermalinkurl$>">permalink</a>
<blogitemcommentsenabled> | <a href="<$blogitempermalinkurl$>#comments">comments
<script type="text/javascript">var a =
<$blogitemcommentcount$>;document.write('('+a+')');</script></a></blogitemcomments
enabled>
<blogitembacklinksenabled> | <a href="<$blogitempermalinkurl$>#links">links to
this post</a></blogitembacklinksenabled> | <!--<a
href="http://beta.blogger.com/email-
post.g?blogid=<$blogid$>&postid=<$blogitemnumber$>" title="email post"><img
src="http://www.fogaz.hu/sysres/fogazinternetskin/content-send-email.gif" alt =
"e-mail post"></a> |--> <$blogitemcontrol$></p>
</div>
</div><br>
</blogger>
</mainorarchivepage>
<blogger>
<h2 class="post-title"><$blogitemtitle$></h2>
<div class="post-body">
<p><$blogitembody$></p>
<p class="postmetadata">
this entry was posted by <$blogitemauthor$>, on
<blogdateheader><$blogdateheaderdate$></blogdateheader>.
<blogitemcommentsenabled>
you can <a href="<$blogitemcommentcreate$>"
<$blogitemcommentformonclick$>>leave your response</a>.
</blogitemcommentsenabled>
<$blogitemcontrol$></p>
</div>
</div>
<blogitemcommentsenabled>
<div id="comments">
<h2><script type="text/javascript">var a = <$blogitemcommentcount$>; if(a == 0)
{document.write('no comment');} else if(a == 1) {document.write('1
comment');}else{document.write(a+' comments');}</script></h2>
<ol>
<blogitemcomments>
<li id="comment-<$blogcommentnumber$>">
</blogitemcomments>
</ol>
<p style="text-align: center;"><a href="<$blogitemcommentcreate$>"
<$blogitemcommentformonclick$>>leave a response</a></p>
</div>
</blogitemcommentsenabled>
</blogger>
</itempage>
</div></div>
<div id="sidebar">
<ul>
<li class="page_item"><a href="<$blogownerprofileurl$>"
title="click here to view my profile">my profile</a></li>
</ul>
</div>
<bloggerpreviousitems><li><a
href="<$blogitempermalinkurl$>"><$blogpreviousitemtitle$></a></li></bloggerpreviou
sitems>
</ul>
</div>
<div class="side-sec archives">
<h3>archives</h3>
<!--<select id= "blog_archive">
<option value = "">blog archives</option>
<bloggerarchives>
<option
value="<$blogarchiveurl$>"><$blogarchivename$></option>
</bloggerarchives>
</select>-->
<ul>
<bloggerarchives>
<li>
<a
href='<$blogarchiveurl$>'><$blogarchivename$></a>
</li>
</bloggerarchives>
</ul>
</div>
</div>
</div>
<div id="kisscontainer-bottom"></div>
</div>
<!--begin license-->
<div>
<p align = center>
<font size=1>
<!--creative commons license--><a rel="license"
href="http://creativecommons.org/licenses/by-sa/2.5/"><img alt="creative commons
license" style="border-width: 0" src="http://i.creativecommons.org/l/by-
sa/2.5/88x31.png"/></a><br/>this work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by-sa/2.5/">creative commons
attribution-share alike 2.5 license</a>.<!--/creative commons license--><!--
<rdf:rdf xmlns="http://web.resource.org/cc/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#">
<work rdf:about="">
<license rdf:resource="http://creativecommons.org/licenses/by-sa/2.5/"
/>
</work>
<license rdf:about="http://creativecommons.org/licenses/by-sa/2.5/"><permits
rdf:resource="http://web.resource.org/cc/reproduction"/><permits
rdf:resource="http://web.resource.org/cc/distribution"/><requires
rdf:resource="http://web.resource.org/cc/notice"/><requires
rdf:resource="http://web.resource.org/cc/attribution"/><permits
rdf:resource="http://web.resource.org/cc/derivativeworks"/><requires
rdf:resource="http://web.resource.org/cc/sharealike"/></license></rdf:rdf> -->
</font>
</p>
</div>
<!-- end license -->
</div>
</body>
</html>