<!--
         1- Collez ce code dans votre admin Blogger
         2- Enregistrez les modifications
         3- Réglez la publication des commentaires sur "Pop-up" et "Toute personne"
         5- Republiez
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

  <head>

    <title><$BlogPageTitle$></title>
    <$BlogMetaData$>
    <meta http-equiv="imagetoolbar" content="no" />

<style type="text/css">
body {
     padding: 0;
     margin: 0;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     background: #fff;
     }
     
/* Cacher la NavBar ----------------------------- */

#b-navbar{
     height:0px !important;
     visibility: hidden !important;
}

/* ---------------------------------------------- */

#logo
     {
     background: #fff;
     height:49px;
     }
#titre
     {
     font-size:30px;
     font-style:italic;
     position: absolute;
     top:0;
     left:220px;
     }
#titre a:link, #titre a:visited
     {
     text-decoration: none;
     }
h1
     {
     font-size: 13px;
     margin: 10px 0 15px;
     }
h1 a:link, h1 a:visited
     {
     text-decoration: none;
     }
.date {
    font-style: italic;
    color: gray;
    padding: 0;
    margin: 0;
    }
.help
     {
     cursor:help;
     }
#corps
     {
     margin: 10px 0 0 17%;
     width: 450px;
     line-height: 15px;
     }
.post
     {
     margin: 10px 0 20px 15px;
     }
.post img
     {
     padding: 10px;
     margin-bottom: 10px;
     border: 1px solid #aaa;
     }
a:link,a:visited,a:active
     {
     color: #000;
     }
a:hover
     {
     text-decoration: none;
     }
.controles
     {
     text-align: right;
     font-size: 90%;
     }
.centre
     {
     text-align:center;
     }
.cache
     {
     display:none;
     }
.montre
     {
     display:inline;
     }
textarea
     {
     border: 1px solid #888;
     font-family: verdana,arial,helvetica,sans-serif;
     font-size: 11px;
     color:#777;
     overflow:hidden;
     }
input
     {
     font-size: 11px;
     }
.oleg
     {
     text-align: center;
     color: #333;
     margin: 15px 0 30px;
     }
.copy
     {
     font-size: 80%;
     color: #999;
     }
.copy a:link, .copy a:hover, .copy a:visited
     {
     color: #666;
     text-decoration: none;
     }
#coin
     {
     position: absolute;
     top: 0;
     right: 0;
     background: #222;
     color: #fff;
     padding: 0 3px 2px;
     }
#menu
     {
     position: absolute;
     top: 0;
     right: 0;
     width: 200px;
     background: #222;
     color: #fff;
     padding: 10px;
     }
#menu a:link, #menu a:visited
     {
     color:#fff;
     text-decoration: none;
     }
#menu a:hover
     {
     text-decoration: underline;
     }
     
</style>

<script type="text/javascript">

function sh (id) { 

   whichpost = document.getElementById(id); 
   
   if (whichpost.className=="montre") { 
      whichpost.className="cache"; 
   } 
   else { 
      if (whichpost.className=="cache") { 
      whichpost.className="montre"; 
      } 
   } 
} 

    var hasChanged = 0;
    var hostName = 'blogspot.com';

function setCookie (name, value, expires) {
    document.cookie = name + '=' + escape(value) + '; expires=' + expires.toGMTString() + '; domain=' + hostName + '; path=/';
    }

function getCookie (name) {
    var key = name + '=';
    var c = document.cookie;
    var i = c.indexOf(key);
    if (i < 0) return '';
    var j = c.indexOf(';', i + key.length);
    if (j < 0) j = c.length;
    return unescape(c.substring(i + key.length, j));
    }

function rememberMe (f) {
    var now = new Date();
    now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
    setCookie('lauteur', f.anonName.value, now);
    setCookie('lesite', f.anonURL.value, now);
    }

function setFormValues (f) {
    f.anonName.value = getCookie("lauteur");
    f.anonURL.value = getCookie("lesite");
    }

function doLoaded () {
    if (!document.frmComment) return;
    setFormValues(document.frmComment);
    if (document.frmComment.anonName.value)
    document.frmComment.rememberInfo.checked = 1;
    }
    onload = doLoaded;
</script>


</head>
<body>
<a name="haut"></a>
<div id="coin">
<span id="plus" class="montre" onmouseover="sh('plus');sh('grandbloc')"><b>+</b></span>
</div>

<div id="grandbloc" class="cache" >
<div id="menu">
<MainPage><a href="http://www.blogger.com/redirect/next_blog.pyra?navBar=true">Blog suivant</a> &raquo;<br /></MainPage>
<ArchivePage>&laquo; <a href="<$BlogURL$>">Accueil</a><br /></ArchivePage>
<ItemPage>&laquo; <a href="<$BlogURL$>">Accueil</a><br /></ItemPage>

<br />

<ItemPage>
<b>Articles suivants</b>
<br />
<BloggerPreviousItems>&raquo; <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br /></BloggerPreviousItems>
</ItemPage>

<MainOrArchivePage>
<b>Derniers articles</b>
<br />
<BloggerPreviousItems>&raquo; <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br /></BloggerPreviousItems>
</MainOrArchivePage>

<br />

<b>Archives</b>
<br />
<BloggerArchives><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br /></BloggerArchives>

<br />

<b>Liens</b>
<br />



<!--###################################################################################
    ###                                                                             ###
    ###                               Vos liens ici                                 ###
    ###                                                                             ###-->
                    &raquo; <a href="http://www.google.fr">Google</a><br />
                    &raquo; <a href="http://fr.yahoo.com">Yahoo!</a><br />
                    &raquo; <a href="http://www.msn.fr">MSN</a>
<!--###                                                                             ###
    ###                                                                             ###
    ###################################################################################-->

      
    
<br />
<br />
<span onmouseover="sh('plus');sh('grandbloc')">x</span>
</div>
</div>

<div id="logo"><img src="http://site.personnel.free.fr/blog.gif" /></div>
<div id="titre"><a href="<$BlogURL$>"><$BlogTitle$></a></div>
<iframe src="http://site.personnel.free.fr/scroller.htm" height="158" width="100%" scrolling="No" marginheight="0" marginwidth="0" frameborder="0"></iframe>

<div id="corps">

<MainOrArchivePage>
<Blogger>

<p class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></p>

<h1><a href="<$BlogItemPermalinkUrl$>"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></h1>

<div class="post">

<$BlogItemBody$>

<br /><br />

<p class="controles"><a name="article" class="help" title=" &agrave; <$BlogItemDateTime$> ">Post&eacute;</a> par <$BlogItemAuthorNickname$><BlogItemCommentsEnabled> | <a href="<$BlogItemPermalinkURL$>#commentaires"><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('Aucun commentaire');} else if(a == 1) {document.write('1 commentaire');}else{document.write(a+' commentaires');}</script></a> </BlogItemCommentsEnabled> <$BlogItemControl$></p>

<br /><br /><br />

</div>

</Blogger>
</MainOrArchivePage>

<ItemPage>
<Blogger>

<p class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></p>

<h1><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h1>

<div class="post">

<$BlogItemBody$>

<br /><br />

<p class="controles"><a name="article" class="help" title=" &agrave; <$BlogItemDateTime$> ">Post&eacute;</a> par <$BlogItemAuthorNickname$> <BlogItemCommentsEnabled>| <a href="#commentaires"><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('Pas de commentaire');} else if(a == 1) {document.write('1 commentaire');}else{document.write(a+' commentaires');}</script></a></BlogItemCommentsEnabled> <$BlogItemControl$></p>

<br />

</Blogger>
<p class="centre">&laquo; <a href="<$BlogURL$>">Accueil</a> | <BloggerPreviousItems><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a> &raquo; <span class="cache">//--><!-- </BloggerPreviousItems> //--> </span></span></span></span></span></span></span></span></span></span></p>
<Blogger>

<br />

<BlogItemCommentsEnabled>
<a name="commentaires"></a>
<b><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('Aucun commentaire');} else if(a == 1) {document.write('1 commentaire :');}else{document.write(a+' commentaires :');}</script></b>
<br />
<br />
</br>
<BlogItemComments>
<p><a name="<$BlogCommentNumber$>"></a>
<$BlogCommentBody$></p>
<p class="controles"><a class="help" title=" le <$BlogCommentDateTime$> ">Post&eacute;</a> par <$BlogCommentAuthor$> <a title=" Lien permanent " href="#<$BlogCommentNumber$>">#</a> <$BlogCommentDeleteIcon$></p>
<p class="oleg">~Oo&deg;~</p>
</BlogItemComments>

Ajouter un commentaire :<br /><br />

<form name="frmComment" id="frmComment" action="http://www.blogger.com/login-comment.do" target="popup" onsubmit="rememberMe(this);window.open('', 'popup', 'top='+((screen.height-470)/2)+',left='+((screen.width-470)/2)+',toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=470,height=90');" method="post"> 
<div>


<input type="hidden" name="blogID" value="<$BlogID$>" />  
<input type="hidden" name="postID" value="<$BlogItemNumber$>" />
<input type="hidden" name="isPopup" value="true" />
<input type="hidden" name="iden" value="Other" checked />
Nom <input type="text" name="anonName" size="25" maxlength="100" /><br />
Site &nbsp;<input type="text" name="anonURL" size="25" maxlength="100" /> &nbsp; Html accept&eacute; : &lt;<a href="">a</a>&gt;, &lt;<b>b</b>&gt;, &lt;<i>i</i>&gt;<br />
<textarea name="postBody" rows="6" cols="65"></textarea><br />
<input type="hidden" id="rememberInfo" name="rememberInfo" value="1" />
&nbsp; <input name="post" value="Poster" type="submit" /></div></form>

</BlogItemCommentsEnabled>

</div>

</Blogger>
</ItemPage>

<MainOrArchivePage>
<p class="centre"><a href="#haut">^</a></p>
</MainOrArchivePage>

<br />
<br />

</div>

<p class="copy">&nbsp;&copy; <i><a href="<$BlogURL$>"><$BlogTitle$></a> 2005 - Cr&eacute;&eacute; par <a href="http://3couleurs.blogspot.com">bleu blanc blog</a> pour <a href="http://www.blogger.com">Blogger</a></i></p>

</body>
</html>