<script>//Snow - http://www.btinternet.com/~kurt.grigg/javascript
   
    if  ((document.getElementById) && 
    window.addEventListener || window.attachEvent){
   
    (function(){
   
    //Configure here.
   
    var num = 200;  //Nombre d'images
    var timer = 1; //Vitesse de descente
    var enableinNS6 = 1 //La vitesse varie selon les navigateurs. (1=yes, 0=no).
    //Adresse des gifs ci-dessous
    var url_gif = new Array();
   
    url_gif[0]= "http://img15.hostingpics.net/pics/140289Bouledeneige.png"; 
    url_gif[1]= "http://img15.hostingpics.net/pics/140289Bouledeneige.png";
    url_gif[1]= "http://img15.hostingpics.net/pics/140289Bouledeneige.png";
     
    nb_floc = 3; // Nombre de d'images différentes
   
    //End.
   
    var y = [];
    var x = [];
    var fall = [];
    var theFlakes = [];
    var sfs = [];
    var step = [];
    var currStep = [];
    var h,w,r;
    var d = document;
    var pix = "px";
    var domWw = (typeof window.innerWidth == "number");
    var domSy = (typeof window.pageYOffset == "number");
    var idx = d.getElementsByTagName('div').length;
   
    if (d.documentElement.style && 
    typeof d.documentElement.style.MozOpacity == "string")
    num = 12;
   
    for (i = 0; i < num; i++){
    sfs[i] = 15; // Math.round(1 + Math.random() * 1);
   
    document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:"><img src="'+url_gif[i%(nb_floc-1)]+'"><\/div>');
   
   
    // '+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px;border:1px solid #dddddd;
   
    currStep[i] = 0;
    fall[i] = (sfs[i] == 1)?
    Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
    step[i] = (sfs[i] == 1)?
    0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
    }
   
   
    if (domWw) r = window;
    else{ 
      if (d.documentElement && 
      typeof d.documentElement.clientWidth == "number" && 
      d.documentElement.clientWidth != 0)
      r = d.documentElement;
    else{ 
      if (d.body && 
      typeof d.body.clientWidth == "number")
      r = d.body;
    }
    }
   
   
    function winsize(){
    var oh,sy,ow,sx,rh,rw;
    if (domWw){
      if (d.documentElement && d.defaultView && 
      typeof d.defaultView.scrollMaxY == "number"){
      oh = d.documentElement.offsetHeight;
      sy = d.defaultView.scrollMaxY;
      ow = d.documentElement.offsetWidth*0.80;
      sx = d.defaultView.scrollMaxX;
      rh = oh-sy;
      rw = ow-sx;
    }
    else{
      rh = r.innerHeight;
      rw = r.innerWidth*0.80;
    }
    h = rh - 2; 
    w = rw - 2; 
    }
    else{
    h = r.clientHeight - 2; 
    w = r.clientWidth*0.80; 
    }
    }
   
   
    function scrl(yx){
    var y,x;
    if (domSy){
    y = r.pageYOffset;
    x = r.pageXOffset;
    }
    else{
    y = r.scrollTop;
    x = r.scrollLeft;
    }
    return (yx == 0)?y:x;
    }
   
   
    function snow(){
    var dy,dx;
   
    for (i = 0; i < num; i++){
    dy = fall[i];
    dx = fall[i] * Math.cos(currStep[i]);
   
    y[i]+=dy;
    x[i]+=dx; 
   
    if (x[i] >= w || y[i] >= h){
      y[i] = -10;
      x[i] = Math.round(Math.random() * w);
      fall[i] = (sfs[i] == 1)?
      Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
      step[i] = (sfs[i] == 1)?
      0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
    }
     
    theFlakes[i].top = y[i] + scrl(0) + pix;
    theFlakes[i].left = x[i] + scrl(1) + pix;
   
    currStep[i]+=step[i];
    }
    setTimeout(snow,timer);
    }
   
   
    function init(){
    winsize();
    for (i = 0; i < num; i++){
    theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
    y[i] = Math.round(Math.random()*h);
    x[i] = Math.round(Math.random()*w);
    }
    snow();
    }
   
   
    if (window.addEventListener){
    window.addEventListener("resize",winsize,false);
    window.addEventListener("load",init,false);
    } 
    else if (window.attachEvent){
    window.attachEvent("onresize",winsize);
    window.attachEvent("onload",init);
    } 
   
    })();
    }//End.</script> 



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img55.xooimage.com/files/4/b/6/zengarden-39fb5d1.css" type="text/css" -->
<style type="text/css">
<!--
/*
  zenGarden Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-image: url(http://img59.xooimage.com/files/5/d/6/1283543047-patterns-copie-39fb5bc.png);
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline   { background-image: url(http://img55.xooimage.com/files/a/2/e/fond1-907c6-copie-3974add.png);
              background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1        { background-image: url(http://img58.xooimage.com/files/9/4/3/blanc-3977908.jpg);
background-repeat:no-repeat;
background-color: {T_TR_COLOR1}; }
td.row2        { background-image: url(http://img58.xooimage.com/files/9/4/3/blanc-3977908.jpg);
background-repeat:no-repeat;
background-color: {T_TR_COLOR2}; }
td.row3        { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: {T_TD_COLOR2};
      background-image: url(http://img58.xooimage.com/files/d/7/6/1283543047-patterns-copie-39fb5d0.png);
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_TD_COLOR2}; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img58.xooimage.com/files/d/7/6/1283543047-patterns-copie-39fb5d0.png);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img58.xooimage.com/files/d/7/6/1283543047-patterns-copie-39fb5d0.png);
         background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu      { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav         { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover      { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link  { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover   { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails      { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright      { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
   color : {T_BODY_TEXT};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>
<table style="position: fixed; bottom: 40px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="http://kasumigraphic.xooit.be/chat2.php" id="chatboxpop" scrolling="no" style="width: 1150px; height: 225px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></table>
<table width="92%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center"><a href="{U_INDEX}"><img src="http://img55.xooimage.com/files/0/5/b/kasumigraphicd-39fb513.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr>
            <td align="center" width="100%" valign="middle"><table cellspacing="0" cellpadding="2" border="0">
               <tr>
                   <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
                                    <!-- BEGIN switch_user_logged_out -->
                                    <a href="{U_INDEX}" class="mainmenu"><img src="http://img56.xooimage.com/files/5/e/d/gggggggggggggggggg_01-3a03218.png" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img56.xooimage.com/files/c/b/f/gggggggggggggggggg_02-3a031f9.png" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img57.xooimage.com/files/a/a/2/gggggggggggggggggg_03-3a03250.png" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_REGISTER}" class="mainmenu"><img src="http://img56.xooimage.com/files/f/3/b/barre-de-navigati...ggggg_06-3a03157.png" border="0" alt="{L_REGISTER}" hspace="0" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img55.xooimage.com/files/f/4/7/barre-de-navigation-kag_08-3a0312a.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a>
                                                <!-- END switch_user_logged_out -->
                                    <!-- BEGIN switch_user_logged_in -->
<a href="{U_INDEX}" class="mainmenu"><img src="http://img56.xooimage.com/files/5/e/d/gggggggggggggggggg_01-3a03218.png" border="0" alt="{L_INDEX}" hspace="0" vspace="22" /></a><a href="{U_FAQ}" class="mainmenu"><img src="http://img56.xooimage.com/files/c/b/f/gggggggggggggggggg_02-3a031f9.png" border="0" alt="{L_FAQ}" hspace="0" vspace="22" /></a><a href="{U_SEARCH}" class="mainmenu"><img src="http://img57.xooimage.com/files/a/a/2/gggggggggggggggggg_03-3a03250.png" border="0" alt="{L_SEARCH}" hspace="0" vspace="22" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img59.xooimage.com/files/f/b/9/gggggggggggggggggg_04-3a0322b.png" border="0" alt="{L_MEMBERLIST}" hspace="0" vspace="22" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img58.xooimage.com/files/3/4/a/gggggggggggggggggg_05-3a03213.png" border="0" alt="{L_USERGROUPS}" hspace="0" vspace="22" /></a><a href="{U_PROFILE}" class="mainmenu"><img src="http://img58.xooimage.com/files/3/c/e/gggggggggggggggggg_06-3a0323d.png" border="0" alt="{L_PROFILE}" hspace="0" vspace="22" /></a><a href="{U_PRIVATEMSGS}"><img src="{PRIVMSG_IMG}" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" vspace="22" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img57.xooimage.com/files/7/6/4/barre-de-navigation-kag_08-3a03133.png" border="0" alt="{L_LOGIN_LOGOUT}" hspace="0" vspace="22" /></a>
                                                <!-- END switch_user_logged_in -->
                                        </span></td></tr>
            </table></td>
         </tr>
      </table>

      <br />
<style>
a.forumlink{
  display:block;
  font-size:14px; /* la taille de la police */
  padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
  text-align:center;
  font-variant:small-caps; /* Les petites capitales */
  color:#bebebe !important; /* On force l'application de cette propriété grâce au !important */
  border-bottom:4px double #63605e;
  font-weight:normal; /* Le texte non boldé */
  margin-bottom:20; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
  }
a.forumlink:hover{
  font-variant:small-caps;
  color:#6e5831 !important;
  border-bottom:4px double #63605e;
  font-weight:italic; /* Texte en italic*/
  display:block;
  }
div.stats_cate{ /* La div ayant pour class 'stats_cate' */
  font-size:12px;
  text-align:right;
  border-bottom:#63605e 1px solid;
  border-right:#63605e 3px solid;
  font-style:italic; /* On met le texte en italic */
  color:#63605e;
  padding-right:4px; /* On met un peu de remplissage pour éviter que notre bloc soit collé au bord droit de la case */
  margin-bottom:4px;
  margin-top:-14px; /* On évite de mettre un trop gros espace entre le titre et notre bloc de stats' */
  width:400px; /* On impose une largeur pour ne pas que la bordure en bas soit sur toute la largeur de la case */
  margin-left:385px; /* On place le bloc à droite en le décallant par rapport au bord gauche de la case */
  }
div.description{  /* La div ayant pour class 'description' */
  background-color:#f7f5f2; /* On lui donne une couleur de fond */
  -moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
  -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
  border-radius:10px; /* réglage des arrondis des coins */
  border:1px solid #f6acd7;
  width:800px;
  min-height:40px; /* La hauteur minimum */
  font-size:12px;
  text-align:justify;
  text-indent:8px; /* La première ligne du bloc sera décallée de 6px vers la droite */
  padding:4px;
  margin:4px;
  color:#6e5831;
  }
</style>