VERSION 1 ☀ archive.

Messages : 32 Date d'inscription : 14/07/2012

Générateurs de fiches :

Présentations :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WE EAT MOOSE ☀ Générer Sa Présentation</title>

<style type="text/css">

</style>

<script type="text/javascript">

function verif(form){

var banniere = form.banniere.value;
var icone = form.icone.value;
var prenom = form.prenom.value;
var nom1 = form.nom1.value;
var prenom1 = form.prenom1.value;
var pseudo = form.pseudo.value;
var surnom = form.surnom.value;
var age = form.age.value;
var age1 = form.age1.value;
var taille = form.taille.value;
var poids = form.poids.value;
var passion = form.passion.value;
var phobie = form.phobie.value;
var situationcivile = form.situationcivile.value;
var nombre = form.nombre.value;
var parents = form.parents.value;
var discipline = form.discipline.value;
var explications2 = form.explications2.value;
var explications1 = form.explications1.value;
var groupe = form.groupe.value;
var explications3 = form.explications3.value;
var caractere = form.caractere.value;
var sante = form.sante.value;
var presence = form.presence.value;
var reponse= form.reponse.value;
var reponse1 = form.reponse1.value;
var suggestion = form.suggestion.value;
var code = form.code.value;
var avatar = form.avatar.value;
var choix = "";
if(form.choix[0].checked === true)
choix = "que j'ai choisie, cela me plait.";
else if(form.choix[1].checked === true)
choix = "qu'on m'a forcé(e) à faire pour certaines raisons.";
else if(form.choix[2].checked === true)
choix = "que j'ai décidé de faire parce que je n'avais d'autres choix.";
var sexe = "";
if(form.sexe[0].checked === true)
sexe = "Féminin";
else if(form.sexe[1].checked === true)
sexe = "Masculin";
var societe = "";
if(form.societe[0].checked === true)
societe = "Oui";
else if(form.societe[1].checked === true)
societe = "Non";
var groupechoix = "";
if(form.groupechoix[0].checked === true)
groupechoix = "je veux faire partie";
else if(form.groupechoix[1].checked === true)
groupechoix = "je fais déjà partie";
var contenu = "<div class=\"fond1\"><br><center><span class=\"titre1\">☀ "+ prenom +" "+ nom1 +" ☀</span></center><br><span class=\"soustitre1\">feat. "+ avatar +"</span><br><br><center><img src=\""+ banniere +"\" class=\"gif1\"></center><br><div class=\"cadretexte1\"><div class=\"cadreinternetexte\"><center><span class=\"sections\">☀ carte d'identité ☀</span></center><br><br><div class=\"cadrecarteid\"><t1>Mon nom de famille, c'est</t1> "+ nom1 +"<br><t1>Et je me nomme</t1> "+ prenom +"<br><t1>Même si parfois, vous entendrez un ou deux malins s'amuser à m’appeler</t1> "+ surnom +" <br><br><t1>Si vous voulez tout savoir, j'ai</t1> "+ age +" <br><t1>D'un point de vue physique, je fais</t1> "+ taille +" <t1>et</t1> "+ poids +".<br><t1>Je suis passionné(e) par</t1> "+ passion +". <t1> Mais d'un autre côté, je dois avouer que j'ai une peur bleue</t1> "+ phobie +".<br><t1>Je suis</t1> "+ situationcivile +"<br><t1>J'ai également</t1> "+ nombre +" <t1>frères</t1> et <t1>soeurs. Quant à mes parents,</t1> "+ parents +".<br><t1>Pour finir, je peux vous dire que j'étudie dans le domaine de</t1> "+ discipline +", <t1>option</t1> "+ choix +"<br><br><t1>J'ai connu McGill ...</t1> "+ explications1 +". <t1>Et j'ai décidé de m'y inscrire parce que ...</t1> "+ explications2 +"<br><br><t1>Et finalement,</t1> "+ groupechoix +" des <t1> "+ groupe +"</t1>. "+ explications3 +".</div><br><br><center><span class=\"sections\">☀ livret de santé & caractère ☀</span></center><br><br><div class=\"cadrecarteid\"><table width=100% align=center><tr><td><center><t2>Mon caractère</t2></center><div class=\"ldsc1\"> "+ caractere +"</div></td><td><center><t2>Ma Santé</t2></center><div class=\"ldsc2\"> "+ sante +"</div></td></tr></table></div><center><br><br><span class=\"sections\">☀ le cerveau derrière le visage ☀</span></center><div class=\"cadrecarteid\"><table width=100% align=center><tr><td><br><img src=\""+ icone +"\" class=\"image1\"></td><td><br><center><t2>☀ "+ pseudo +" ☀</t2></center><div class=\"irl\"><br><t1>Prénom :</t1> "+ prenom1 +"<br><t1>Âge :</t1> "+ age1 +"<br><t1>Sexe :</t1> "+ sexe +"<br><t1>Présence :</t1> "+ presence +"<br><t1>Comment Avez-Vous Connu le Forum ?</t1> "+ reponse +"<br><t1>Comment le Trouvez Vous ?</t1> "+ reponse1 +"<br><t1>Une Suggestion ?</t1> "+ suggestion +"<br><t1>Le Code du Règlement est :</t1> "+ code +"<br><t1>Si vous en aviez la possibilité, souhaiteriez-vous intégrer la Société Secrète ?</t1> "+ societe +"</div></td></tr></table></div><br></div></div><br></div>";
document.getElementById("code_genere").value = ""+contenu+"";
}
</script>
</head>
<body>
<center>

<div class="fond2"></div><div class="cadreinterne">
<form action="#" method="post" id="champs">
<br><br>
<span class="sections"><b>☀ carte d’identité ☀</b></span>
<br><br><br>
<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr>
<td align="center" width="33%"><label for="nom1"> Nom</label> :<br><input type="text" name="nom1" id="nom1" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="prenom">Prénom(s)</label> :<br><input type="text" name="prenom" id="prenom" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="surnom">Surnom(s)</label> :<br><input type="text" name="surnom" id="surnom" size="30" maxlength="200"/></td></tr><tr><td align="center" width="33%"><label for="age">Age</label> <br><input type="text" placeholder="Age et Date de Naissance" name="age" id="age" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="taille">Taille (précisez les unités)</label> :<br><input type="text" name="taille" id="taille" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="poids">Poids (précisez les unités)</label> :<br><input type="text" name="poids" id="poids" size="30" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr><td align="center" width="50%"><label for="passion">J'aime...</label> :<br><input type="text" name="passion" id="passion" size="50" maxlength="200"/></td><td align="center" width="50%"><label for="phobie">J'ai peur...</label> :<br><input type="text" placeholder="de/des/du ..." name="phobie" id="phobie" size="50" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr><td align="center" width="33%"><label for="situationcivile">Situation civile</label> :<br><input type="text" placeholder="Statut + Nom de la Personne" name="situationcivile" id="situationcivile" size="25" maxlength="200"/></td><td align="center" width="33%"><label for="nombre">Nombre de frères et soeurs</label> :<br><input type="text" name="nombre" id="nombre" size="25" maxlength="200"/></td><td align="center" width="66%"><label for="parents">Relation avec les parents</label> :<br><input type="text" placeholder="Décrivez relations + détails importants (maladies? décès? adoption?)" name="parents" id="parents" size="55" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr align="center"><td align="center" width="33%"><label for="discipline">Choix d’étude </label> :<br><input type="text" name="discipline" id="discipline" size="30" maxlength="200"/></td><td align="center" width="96%"><label for="choix">Option que...</label> :
<input type="radio" name="choix" value="que j'ai choisie, cela me plait.">que j'ai choisi, cela me plait.
<input type="radio" name="choix" value="qu'on m'a forcé(e) à faire pour certaines raisons.">qu'on m'a forcé(e) à faire pour certaines raisons.
<input type="radio" name="choix" value="que j'ai décidé de faire parce que je n'avais d'autres choix.">que j'ai décidé de faire parce que je n'avais d'autres choix.</td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="50%"><label for="explications1">J'ai connu McGill ... </label>:<br>
<textarea name="explications1" id="explications1" rows="5" cols="40">Racontez-nous votre histoire ! (: Par le biais d'amis ? Par vos parents ? Par des heures de recherche ? Tout nous intéresse ! </textarea></td>
<td align="center" width="50%"><label for="explications2">Et j'ai décidé de m'y inscrire parce que ... </label>:<br>
<textarea name="explications2" id="explications2" rows="5" cols="40">Vous n'aviez pas d'autre choix ? L'université vous plaisait ? On veut tout savoir. (:</textarea></td></tr> </table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="33%"><label for="groupe">Mon groupe</label> :<br><input type="text" name="groupe" id="groupe" size="30" maxlength="200"/></td><td align="center" width="96%"><label for="groupechoix">Groupe dont...</label> :
<input type="radio" name="groupechoix" value="je veux faire partie">Je veux faire partie.
<input type="radio" name="groupechoix" value="je fais déjà partie">Je fais déjà partie.</td>
<td align="center" width="50%"><label for="explications3">Et je l'ai choisi parce que...</label>:<br>
<textarea name="explications3" id="explications3" rows="5" cols="40">Vous pouvez développer comme bon vous semble sur votre décision ou sur les groupes auxquels vous apparteniez avant, si jamais changement il y a eu dans la vie de votre personnage. ^^</textarea></td></tr> </table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="66%"><label for="banniere">Bannière</label> :<br><input type="url" placeholder="Lien d'une image de largeur 500px." name="banniere" id="banniere" size="70" maxlength="200"/></td></tr></table>
<br><br>
<span class="sections"><b>☀ livret de santé & caractère ☀</b></span>
<br><br><br>
<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="50%"><label for="caractere">Mon caractère </label>:<br>
<textarea name="caractere" id="caractere" rows="5" cols="40">Décrivez rapidement votre caractère ici ! (: On veut tout savoir ! Êtes-vous têtu ? Rancunier ? Altruiste ? etc. N'oubliez pas, chacun à ses propres défauts, alors essayez de varier les qualificatifs. Mais ne faites pas qu'une simple liste, écrivez ceci sous forme d'un petit texte.</textarea></td>
<td align="center" width="50%"><label for="sante">Ma santé </label>:<br>
<textarea name="sante" id="sante" rows="5" cols="40">Décrivez rapidement votre santé ici ! (: Maladies génétiques, héréditaires et/ou à vie ? Allergies ? Avez-vous déjà donné / reçu un organe ? Donnez-vous régulièrement votre sang ? Avez-vous déjà été opéré(e), et, si oui, de quoi ? Nous voulons touuuut savoir.</textarea></td></tr> </table>
<br><br><br>
<span class="sections"><b>☀ le cerveau derrière le visage ☀</b></span><br><br>
<br><br>
<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr>
<td align="center" width="33%"><label for="pseudo">Pseudonyme</label> :<br><input type="text" name="pseudo" id="pseudo" size="30" maxlength="200"/></td>
<td align="center" width="33%"><label for="prenom1"> Prénom </label> :<br><input type="text" name="prenom1" id="prenom1" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="age1">Age</label> :<br><input type="text" name="age1" id="age1" size="30" maxlength="200"/></td></tr>
<tr><td align="center"><label for="sexe">Sexe</label> :
<input type="radio" name="sexe" value="Féminin">Féminin
<input type="radio" name="sexe" value="Masculin">Masculin</td><td align="center" width="33%"><label for="presence"> Présence sur 7</label> :<br><input type="text" name="presence" id="presence" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="code"> Code du règlement </label> :<br><input type="text" name="code" id="code" size="30" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="33%"><label for="reponse">Comment avez-vous connu le forum ? </label>:<br>
<textarea name="reponse" id="reponse" rows="5" cols="30"></textarea></td>
<td align="center" width="33%"><label for="reponse1">Comment le trouvez-vous ? </label>:<br>
<textarea name="reponse1" id="reponse1" rows="5" cols="30"></textarea></td>
<td align="center" width="33%"><label for="suggestion">Une suggestion ? </label>:<br>
<textarea name="suggestion" id="suggestion" rows="5" cols="30"></textarea></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr><td align="center"><label for="societe">Voudriez-vous intégrer la société secrète ?</label> :
<input type="radio" name="societe" value="Oui">Oui
<input type="radio" name="societe" value="Non">Non</td><td align="center" width="33%"><label for="icone">Icone</label> :<br><input type="url" placeholder="Lien d'une icone 100px sur 100px." name="icone" id="icone" size="40" maxlength="200"/></td><td align="center" width="33%"><label for="avatar"> Votre célébrité </label> :<br><input type="text" name="avatar" id="avatar" size="30" maxlength="200"/></td></tr></table>

<br><br><input type="button" onClick="verif(this.form)" value="Génères ton code !" />
</form>

<form id="copie">
<p style="text-align: justify; width: 80%;">Voilà, il ne vous reste plus qu'à sélectionner le code ci-dessous et à poster votre fiche en ouvrant un nouveau sujet, <a href="http://we-eat-moose.forumcanada.net/f5-dossiers-d-inscription" target="blank">ici</a>. N'oubliez pas de poster ensuite dans un second sujet, la partie qui concerne l'histoire. Bon courage.<br><br></p>
<p><input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center>
<br>
Générateur de fiche pour le forum We Eat Moose ©AERROW
<br><br></form></div>
</center>
</body>
</html>

Scénarios

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WE EAT MOOSE ☀ Générer Sa Fiche</title>

<style type="text/css">

</style>

<script type="text/javascript">

function verif(form){

var banniere = form.banniere.value;
var prenom = form.prenom.value;
var nom1 = form.nom1.value;
var age = form.age.value;
var situationcivile = form.situationcivile.value;
var discipline = form.discipline.value;
var groupe = form.groupe.value;
var caractere = form.caractere.value;
var avatar = form.avatar.value;
var histoire = form.histoire.value;
var credit = form.credit.value;
var contenu = "<table align=\"center\" cellspacing=\"10\"><tbody><tr><td><img src=\""+ banniere +"\" class=\"scénava\"></td><td><div class=\"scénatxt\"><br><center><span class=\"scénatit\">"+ prenom +" "+ nom1 +"</span><br><div class=\"scénatxt2\"><center><span class=\"scénastit\">"+ age +", "+ discipline +", "+ groupe +" & "+ situationcivile +"</span></center><br><div class=\"scénasoverflow\"><b>HISTOIRE</b><br> "+ histoire +"<br><br><b>CARACTÈRE</b><br> "+ caractere +"</div><br><div class=\"scénacrédits\"><center>"+ avatar +" © "+ credit +"</center></div></div></center></div></td></tr></tbody></table>";
document.getElementById("code_genere").value = ""+contenu+"";
}
</script>
</head>
<body>
<center>

<div class="fond2"></div><div class="cadreinterne">
<form action="#" method="post" id="champs">
<br><br>
<span class="sections"><b>☀ Informations sur le scénario ☀</b></span>
<br><br><br>
<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr>
<td align="center" width="33%"><label for="nom1"> Nom(s)</label> :<br><input type="text" name="nom1" id="nom1" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="prenom">Prénom(s)</label> :<br><input type="text" name="prenom" id="prenom" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="groupe">Groupe</label> :<br><input type="text" name="groupe" id="groupe" size="30" maxlength="200"/></td></tr><tr><td align="center" width="33%"><label for="age">Age</label> :<br><input type="text" name="age" id="age" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="discipline">Cursus universitaire</label> :<br><input type="text" name="discipline" id="discipline" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="situationcivile">Situation civile</label> :<br><input type="text" name="situationcivile" id="situationcivile" size="30" maxlength="200"/></td></tr></table>

<table cellspacing="15" cellpadding="0" width="92%" border="0">
<tr><td align="center" width="50%"><label for="histoire">Histoire </label>:<br>
<textarea name="histoire" id="histoire" rows="5" cols="40">Vous pouvez présenter ceci de la manière que vous le voulez. =D </textarea></td>
<td align="center" width="50%"><label for="caractere">Caractère </label>:<br>
<textarea name="caractere" id="caractere" rows="5" cols="40">Idem. ^^ Mais ne faites pas trop long non plus. =D</textarea></td></tr> </table>

<table cellspacing="15" cellpadding="0" width="92%" border="0"><tr><td align="center" width="33%"><label for="banniere">Avatar</label> :<br><input type="text" name="banniere" id="banniere" placeholder="Lien d'un avatar 200*320px." size="30" maxlength="200"/></td><td align="center" width="33%"><label for="avatar">Célébrité sur l'avatar</label> :<br><input type="text" name="avatar" id="avatar" size="30" maxlength="200"/></td><td align="center" width="33%"><label for="credit">Crédit de l'avatar</label> :<br><input type="text" name="credit" id="credit" size="30" maxlength="200"/></td></tr></table>

<br><br><input type="button" onClick="verif(this.form)" value="Génères ton code !" />
</form>

<form id="copie">
<p style="text-align: justify; width: 80%;">Voilà, il ne vous reste plus qu'à sélectionner le code ci-dessous et à poster votre fiche en ouvrant un nouveau sujet, <a href="http://we-eat-moose.forumcanada.net/f7-correspondants">ici</a>. N'oubliez pas de poster ensuite dans <u>le même message</u>, la partie qui concerne le lien.<br><br></p>
<p><input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();" /></p>
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center>
<br>

<iframe src="http://the-west.forumactif.com/h15-lien-gene" width="100%" height="780px" frameborder="0" scrolling="no"></iframe>
<iframe src="http://the-west.forumactif.com/h16-lien-gene-2" width="100%" height="700px" frameborder="0" scrolling="no"></iframe>

Générateur de fiche pour le forum We Eat Moose ©AERROW
<br><br></form></div>
</center>
</body>
</html>

Messages : 32 Date d'inscription : 14/07/2012

index body

Code:: {JAVASCRIPT}

<div style="margin-top: -15px;"></div><center><table> 
<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table></center>

<br>

<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle" align="right">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td class="row1" align="center">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="genmed">{L_USERNAME}:</span> </td>
               <td><input class="post" type="text" size="10" name="username"/> </td>
               <td>
                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                  <span class="gensmall">{L_AUTO_LOGIN}</span>
               </td>
            </tr>

            <tr>
               <td><span class="genmed">{L_PASSWORD}:</span> </td>
               <td><input class="post" type="password" size="10" name="password"/> </td>
               <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
            </tr>
         </table>
      </td>
   </tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td valign="top" width="100%" class="row1" align="center">
         <table width="100%">
            <tr>
               <td width="55%" valign="middle">
                  <table class="right">
                     <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                           <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                           <span class="gensmall">{L_AUTO_LOGIN}</span>
                        </td>
                     </tr>

                     <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                     </tr>
                  </table>
               </td>
               <td width="10%" align="center" valign="middle">
                  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
               </td>
               <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

</form>

<br>
<div style="width: 800px; height: 463px; background: url('http://data.nimages.fr/wem4yg.png'); margin: auto;"/>
<br /><br /><br /><br /><table><tr><td><img src="http://img11.hostingpics.net/pics/445321appo.png" style="margin-left: 115px;" id="onglet_appollos" onMouseOver="javascript:change_onglet('appollos');"/></td>
<td><img src="http://img11.hostingpics.net/pics/281857siren.png" style="margin-left: 15px;" id="onglet_sirens" onMouseOver="javascript:change_onglet('sirens');"/></td>
<td><img src="http://img11.hostingpics.net/pics/304126doves.png" style="margin-left: 15px;" id="onglet_doves" onMouseOver="javascript:change_onglet('doves');"/></td></tr></table>
<table><tr><td><div class="case1"><table>{LOGGED_IN_USER_LIST}<br />
{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}<br /><br />
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br /><br />
{L_CONNECTED_MEMBERS}</table></div></td>
<td><div class="case2"><div class="contenu_onglet" id="contenu_onglet_appollos"><a href="http://we-eat-moose.forumcanada.net/g3-mighty-appollos"><b>COMPÉTITIFS, INTOLÉRANTS & ATHLÉTIQUES</b></a> ☀ Les Mighty Appollos sont une confrérie composée uniquement d'hommes. Leurs valeurs reposent sur les principes de la virilité, du stéréotype de l'homme fort et parfait ainsi que sur celui du Dom Juan. Solidaires, ils sont néanmoins assez paradoxals puisque chacun d'eux essaye toujours d'être le meilleur. En perpétuelle concurrence, entre eux mais surtout face aux autres confréries, ils méritent bien leur titre de compétiteurs !</div>
<div class="contenu_onglet" id="contenu_onglet_sirens"><a href="http://we-eat-moose.forumcanada.net/g4-pretty-sirens"><b>SÉDUISANTES, HAUTAINES & PRÉVOYANTES</b></a> ☀ Les Pretty Sirens forment une sororité dont les rangs sont remplis par les plus belles créatures de l'université. Viles manipulatrices sans foi ni loi, elles sont capables d'aller jusqu'à l'extrême afin de parvenir à leurs fins. Également réputées pour leur caractère supérieur très prononcé, les Sirens sont considérées comme étant les princesses de l'Université. Elles sont d'ailleurs souvent considérées comme des reines grâce à leurs liaisons avec les Appollos.</div>
<div class="contenu_onglet" id="contenu_onglet_doves"><a href="http://we-eat-moose.forumcanada.net/g5-soaring-doves"><b>PACIFISTES, ALTRUISTES & STUDIEUX</b></a> ☀ Les Soaring Doves sont des représentants exemplaires du concept du bon samaritain. Ce sont les jeunes adultes dont le seul but est celui d'aider son prochain et de vivre dans un monde meilleur où un message de paix, d'amour et de tolérance est mondialement perçu. Les Doves sont également connus pour leur sérieux, capables d'étudier sous n'importe quelles circonstances et préférant de loin les combats dans les livres que ceux sur le campus.</div>
<div class="contenu_onglet" id="contenu_onglet_advocates"><a href="http://we-eat-moose.forumcanada.net/g6-devil-s-advocates"><b>PROVOCATEURS, DÉPRAVÉS & MACHIAVÉLIQUES</b></a> ☀ Confrérie composée des plus dépravés des étudiants de McGill, les avocats du Diable portent bien leur nom. En effet, chacun pourra admettre qu'ils ont la réputation d'être plutôt cruels et vulgaires. Par ailleurs, ils possèdent un sens de la provocation plus que prononcé. Leur seul avantage ? Ils savent organiser des fêtes mémorables ... Mais dans quel sens ?</div>
<div class="contenu_onglet" id="contenu_onglet_students"><a href="http://we-eat-moose.forumcanada.net/g7-mcgill-s-students"><b>LE VISAGE DU FUTUR</b></a> ☀ Représentés par le "triumvirat", les simples étudiants de McGill mènent une vie tranquille au sein de l'université. Certes, un peu dénigrés par les membres de certaines confréries, ceci ne les gêne pas pour étudier en paix. Parmi eux, on trouve les personnes n'ayant pas le profil adéquat pour appartenir à ces autres fraternités ou encore ceux pour lesquels la vie en communauté limitée ne leur convient pas. Sans avoir à se soucier de préjugés, d'une bonne attitude à adopter ou encore d'une hiérarchie à respecter, ce sont certainement les plus chanceux du campus.</div>
<div class="contenu_onglet" id="contenu_onglet_citizens"><a href="http://we-eat-moose.forumcanada.net/g8-montreal-citizens"><b>CEUX QUI MANGENT LES ÉLANS</b></a> ☀ Qu'ils soient nés à Montréal ou venus d'ailleurs, ces personnes partagent tous une chose : ils vivent dans la même ville, que ce soit par amour ou par contrainte, et parlent (presque) tous la même langue, à savoir : le Québecois. Anciens élèves de McGill ou personnes n'y ayant jamais mis les pieds, vous pouvez rencontrer tout le monde et personne à la fois dans ce cocktail varié de personnalités des plus fascinantes. Gentillesse, compassion, altruisme et envie d'aider sont des principes généralement familiers avec les locaux, qui n'hésitent pas à aider leurs prochains ; ils possèdent tous, après tout, un véritable esprit de communauté.</div></div></td></tr></table>
<br /><table><tr><td><img src="http://img11.hostingpics.net/pics/777340devilcity.png" style="margin-left: 90px; margin-top: 20px;" id="onglet_advocates" onMouseOver="javascript:change_onglet('advocates');"/></td>
<td><img src="http://img11.hostingpics.net/pics/130778student.png" style="margin-left: 15px; margin-top: 20px;" id="onglet_students" onMouseOver="javascript:change_onglet('students');"/></td>
<td><img src="http://img11.hostingpics.net/pics/777340devilcity.png" style="margin-left: 15px; margin-top: 20px;" id="onglet_citizens" onMouseOver="javascript:change_onglet('citizens');"/></td></tr></table></div>

<div class="cadrecb"><div class="paddingcb">{CHATBOX_BOTTOM}</div></div>
<br clear="all" />

{AUTO_DST}


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
   status: true,
   cookie: true,
   xfbml: true,
oauth: true
});
//]]>
</script>

index box

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      

   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<br><br><table width="100%" border="0" cellspacing="0" cellpadding="0" style="background: none;">
<center><div style="width: 752px; height: 69px; background: url('http://img15.hostingpics.net/pics/771509haut2.png');"></div></center></table>
<div class="cadreexternecat"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background: none;">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
      <h{catrow.cathead.LEVEL} class="hierarchy">
         <span class="cattitle">
            <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
         </span>
      </h{catrow.cathead.LEVEL}>
   </td>
   <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>

<div class="cadreforums">
<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      <div class="cadreinterne"><h{catrow.forumrow.LEVEL} class="hierarchy">
      <span class="forumlink">
<span class="rotationfun"><a class="forumlink1" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span><br />
</span>
      </h{catrow.forumrow.LEVEL}>
<table><tr><td><div class="imagecat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td>
<td><div class="descriptioncat">
<span class="info3"><div class="descpt">{catrow.forumrow.FORUM_DESC}</div><span><div class="genmed"><div class="soufo" align="center"><div class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<a>☀</a>')).removeAttr('id');
</script>
</div></div></span></span></div></td></tr></table>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
</span></div>
   </td>
<td class="row3 over" align="center" valign="middle"><div class="infomessages" style="width: 200px;"/>
<span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> messages</span>
<br><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
</div>

<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>

   
</table><br /></div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<center><div style="width: 752px; height: 69px; background: url('http://img15.hostingpics.net/pics/157273bas3.png'); margin-bottom: 30px; margin-top: 5px;"></div></center></table>

Messages : 32 Date d'inscription : 14/07/2012

overall footer end

Code:: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
   <td>
      <div>
         <div>
            <div>

            </div>
         </div>
         
         <div align="center">
            <div class="gen">
               
                   | 
                  <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
               
            </div>
         </div>
         
      </div>
      {PROTECT_FOOTER}
   </td>
</tr>
</table>


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>



<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
   var lien_redir = $('a#logout').attr('href');

   if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
   {
      document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
   }
}
});

$(document).ready( function() {
$('a#logout').click( function() {
   FB.logout();
} );
});
//]]>
</script>


<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</div>
</body>
</html>

overall header

Code:: <div class="part"> </div><script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32538503-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

<link href='http://fonts.googleapis.com/css?family=Chau+Philomene+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />


<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />

{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>


<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>



<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>



<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch( tickerDirParam )
   {
      case 'top' :
         slid_vert = true;
         break;

      case 'left':
         break;

      case 'bottom':
         slid_vert = true;
         auto_dir = 'prev';
         break;

      case 'right':
         auto_dir = 'prev';
         break;

      default:
         slid_vert = true;
   }

   $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display','block');

         /* Calcul des dimensions du conteneur et des elements */
         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
         $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
               height_max = $(this).height();
            }
         } );

         /* Redimensionnement des elements et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio    = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert)
         {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
         }

         /* Initialisation du caroussel */
         $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
            wrap: 'circular',
            auto: {switch_ticker.STOP_TIME},
            auto_direction: auto_dir,
         scroll: 1,
         size: {switch_ticker.SIZE},
         height_max: height_max,
         animation: {switch_ticker.SPEED}
         });
      }
      else
      {
         $('ul#fa_ticker_content li:not(:first)').css('display','none');
         $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
      }
   });
//]]>
</script>


<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
   
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      pm.focus();
   
   
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      report.focus();
   
   
      ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
   
});


   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;



$(document).ready( function() {
   $(window).resize(function() {
      var windowWidth = document.documentElement.clientWidth;
      var popupWidth = $("#login_popup").width();
      var mypopup = $("#login_popup");

      $("#login_popup").css({
      "left": windowWidth/2 - popupWidth/2
         });
   });
});

//]]>
</script>
{GREETING_POPUP}

<style>
.jcarousel-skin-tango .jcarousel-item {
   text-align:center;
   width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
   margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
   margin-bottom: {switch_ticker.SPACING}px;
}
</style>

{HOSTING_JS}

<script type="text/javascript">
//<![CDATA[
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
   _gaq.push(['_trackPageview']);

   (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
//]]>
</script>

</head>
<center><body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<center><div id="background_2">

<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>



<div id="login_popup">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>


<a name="top"></a>
{JAVASCRIPT}

            <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               
               <td align="center" width="100%" valign="middle">
                  
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  <br />
                  
               </td>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               
            </tr>
         </table>
         <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
            <tr>
               <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
            </tr>
         </table><table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">

         <div style="clear: both;"></div>

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td {CLASS_TABLE_TYPE} align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td {CLASS_TABLE_TYPE} align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                     <tr>
                        <td valign="top" width="{C1SIZE}">
                           <div id="{ID_LEFT}">
                              
                              {giefmod_index1.MODVAR}
                                 
                                 <div style="height:{SPACE_ROW}px"></div>
                                 
                              
                           </div>
                        </td>
                        <td valign="top" width="100%">

                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>

Messages : 32 Date d'inscription : 14/07/2012

view forum body

Code:: {BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="left" valign="middle" width="50">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
      
   </td>
         <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
   <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
      <span class="nav">
         <script type="text/javascript">//<![CDATA[
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </span>
   </td>
</tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
   </tr>
   <tr>
      <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
   </tr>
   <tr>
      <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
      <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
   </tr>
   <tr>
      <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
   </tr>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr><td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>

               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>
</div>

<div id="info_close" style="display:none">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
   </tr>
   <tr>
      <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
   </tr>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>
</div>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<div style="height: 20px;"></div><table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>

      <td align="left" valign="middle" width="50">
         
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         
      </td>
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

</tr>

<tr>
   <td colspan="2">
      <table border="0" cellpadding="6" cellspacing="2" align="center">
         <tr>
            <td>
               <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
               <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
               <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
            </td>
            <td>
               <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
               <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
               <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
            </td>
            <td valign="top">
               <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
               <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br />
               <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
            </td>
         </tr>
      </table>
   </td>
</tr>

</table>
   </form>

view topic body

Code:: <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
   if ($('#at15s').css('display') == 'block') {
      addthis_close();
      addthis_close();
   }
});
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
   <td align="left" valign="middle" nowrap="nowrap">
      <span class="nav">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
      
      
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
      
      </span>
   </td>
   <td align="left" valign="middle" nowrap="nowrap">
      
      <span id="twitter_btn" style="margin-left: 6px; ">
      <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
      <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      
      
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
      </span>
      
   </td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
<tr align="right">
   <td class="catHead" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" class="t-title">
               <h1 class="cattitle"> {TOPIC_TITLE}</h1>
            </td>
            <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
         </tr>
      </table>
   </td>
</tr>

<tr>
   <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>


<tr class="post">
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      <div class="cadreprofilgrand"><center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><span class="name2">{postrow.displayed.POSTER_NAME}</span></span><br />
         <span class="postdetails poster-profile">
<div class="avatarfond"><div class="avatarcadre">{postrow.displayed.POSTER_AVATAR}</div></div>
         {postrow.displayed.RANK_IMAGE}</center>
<div style="height: 7px;"></div> <div class="profilbouton" onClick="this.firstChild.value=(this.firstChild.value=='☀ TU VEUX TOUT SAVOIR ? ☀')?'☀ TU EN AS ASSEZ VU ? ☀':'☀ TU VEUX TOUT SAVOIR ? ☀';this.lastChild.style.display=(this.firstChild.value=='☀ TU VEUX TOUT SAVOIR ? ☀')?'none':'block';" style="text-align: center;"><input type="button" value="☀ TU VEUX TOUT SAVOIR ? ☀" class="boutonprofil"/><div style="display: none; text-align: left;"><div class="profiltextepetit"><br>
<span class="titresprofils">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div></div></div>
         {postrow.displayed.POSTER_RPG}
</span><div style="height: 10px;"></div></div><br />
      <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
   </td>
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
            <td valign="top" nowrap="nowrap" class="post-options">
               {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
            </td>
         </tr>
         <tr>
            <td colspan="2" class="hr">
               <hr />
            </td>
         </tr>
         <tr>
            <td colspan="2">
               
               <div class="vote gensmall">
                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                  

                  
                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                     
                     <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                     

                     
                     <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                     
                  </div>
                  

                  
                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                  

                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                  
               </div>
               

               <div class="postbody">

                  <div>{postrow.displayed.MESSAGE}</div>

                  
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd>
                        
                        <dl class="file">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                              
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              

                              
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              
                           </dt>

                           
                           <dd>
                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                           </dd>
                           

                           
                           <dd>
                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                           </dd>
                           

                           <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                        </dl>
                        
                     </dd>
                  </dl>
                  

                  <div class="clear"></div>
                  <div class="signature_div">
                     {postrow.displayed.SIGNATURE}
                  </div>

               </div>
               <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
            </td>
         </tr>
      </table>
   </td>
</tr>
<tr>
   <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
      <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
   </td>
   <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
      <table border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="middle">
               {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
            </td>
         </tr>
      </table>
   </td>
</tr>

</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>



<tr>
   <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
   <td class="row1" colspan="3" height="28">
      <span class="genmed">{no_post.L_NO_POST}</span>
   </td>
</tr>

<tr align="right">
   <td class="catBottom" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
            <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
         </tr>
      </table>
   </td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
   <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
   
   <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
   
</tr>


<tr>
   <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
<tr>
   <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
            <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
         </tr>
      </table>
   </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
<tr>
   <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
            <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
         </tr>
      </table>
   </td>
</tr>
<tr>
   <td class="row2 postbody" valign="top">
      
      » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      
   </td>
</tr>
</table>



<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
   <tr>
      <td class="catBottom">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>
               <tr>
                  <td valign="top">
                     <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                  </td>
               </tr>
            </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row1 clearfix">
         <table>
            <tr>
               
               <td class="logo">
                  <img src="{RULE_IMG_URL}" />
               </td>
               
               <td class="rules postbody">
                  {RULE_MSG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td class="row2" colspan="2" align="center" style="padding:0px">
      
      <a name="quickreply"></a>
      {QUICK_REPLY_FORM}<br />
      
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
         <tbody>
   
   <tr>
      <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
   </tr>
   
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

            
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
         <tbody>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<div style="height: 20px;"></div><table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
      <span class="nav">
         
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
         
         
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         
      </span>
   </td>

   
   <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
   

   
   <td align="center">
      <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
   </td>
   <td align="center" width="250">
      <span class="gensmall"> </span>
   </td>
   
</tr>
</table>
</form>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
      <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
         <input type="hidden" name="t" value="{TOPIC_ID}" />

         
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
      </form>
   </td>
</tr>
</table>



<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Messages : 32 Date d'inscription : 14/07/2012

CSS

Code:: .nav img{
max-width: 200px;
}

.profilbouton {
}

.cadrecb {
background: white;
width: 85%;
margin: auto;
border-radius: 45px;
border: 4px solid #5db1dd;

box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
margin-top: 35px;
}

.paddingcb {
padding: 15px;
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "La Boîte aux Chats"; }

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}

/*QEEL*/
.case1{
position: relative;
left: 100px;
top: 26px;
padding-left: 5px;
padding-right: 5px;
vertical-align:top;
width: 220px;
height: 215px;
text-align: justify;
overflow: auto;
font-family: calibri;
font-size: 11px;
}

.case1 a {
text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
}

.case2 {
position: relative;
top: 83px;
left: 142px;
padding-left: 5px;
padding-right: 5px;
vertical-align:top;
width: 255px;
height: 100px;
text-align: justify;
overflow: auto;
font-family: calibri;
font-size: 11px;
}

.onglet{
display: inline-block;
}

.onglet_0{
text-decoration:none; !important;
display: inline-block;}

.onglet_1{
text-decoration:none; !important;
display: inline-block;}

.contenu_onglet{
display:none;
}

#contenu_onglet_appollos{
overflow: auto;
text-align: justify;
color: #BC2F24;
}

#contenu_onglet_sirens{
overflow: auto;
text-align: justify;
color: #CD6E1E;
}

#contenu_onglet_doves{
overflow: auto;
text-align: justify;
color: #C49826;
}

#contenu_onglet_advocates{
overflow: auto;
text-align: justify;
color: #7E2CA7;
}

#contenu_onglet_students{
overflow: auto;
text-align: justify;
color: #1DA925;
}

#contenu_onglet_citizens{
overflow: auto;
text-align: justify;
color: #0A457F;
}
/*FIN QEEL*/

/*PROFILS*/
.avatarcadre {
-o-transition: all 2.0s ease;
-moz-transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
opacity: 0.8;
}

.avatarcadre:hover {
opacity: 1.0;
}

.avatarfond {
margin-top: 5px;
border-radius: 11.5px;
border: 5px solid #5db1dd;
box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
background: url('http://data.nimages.fr/bckgduwl.png');
background-size: 100px;
width: 200px;
-o-transition: all 2.0s ease;
-moz-transition: all 2.0s ease;
-webkit-transition: all 2.0s ease;
}

.avatarfond:hover {
border: 5px solid white;
-moz-transform: rotate(1076deg);
-webkit-transform: rotate(1076deg);
-o-transform: rotate(1076deg);
border-radius: 11.5px;
}

.name2:before {
content: "☀ ";
}

.name2:after {
content: " ☀";
}

.name2 {
color: white;
font-family: 'Chau Philomene One', sans-serif;
text-shadow: 1px 1px 1px black, -1px -1px 1px white;
font-size: 23px;
letter-spacing: -2px;
}

.cadreprofilgrand {
background: #e1a629;
padding: 7px;
border-radius: 10px;
border: 4px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
}

.profiltextepetit {
margin-top: -15px;
background: white;
color: #829fa2;
font-family: Calibri;
padding: 5px;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
border: 2px solid #5db1dd;
width: 196px;
box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
text-align: justify;
}

.profiltextepetit img {
align-center;
max-width: 196px;
}

.titresprofils {
text-shadow: 0px 0px 1px rgba(0,0,0,0.4);
}

/*CATEGORIES*/
.cadreexternecat {
background: white;
width: 88%;
margin: auto;
border-radius: 80px;
border: 4px solid #5db1dd;
box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
}

.cadreexterne22 {
background-image: linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);
background-image: -o-linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);
background-image: -moz-linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);
background-image: -webkit-linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);
background-image: -ms-linear-gradient(bottom, rgb(225,167,41) 21%, rgb(242,161,0) 47%, rgb(235,184,82) 81%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.21, rgb(225,167,41)),
color-stop(0.47, rgb(242,161,0)),
color-stop(0.81, rgb(235,184,82))
);

width: 85%;
margin: auto;
border-radius: 100px;
border: 6px solid #5db1dd;
box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 7px #bf8e2c;
}

.soufo a {
color: white;
text-shadow: 0px 0px 1px white;
font-size: 13px;
font-weight: bold;
margin-right : 3px;
font-variant : small-caps;
}

.soufo {
overflow-y: auto;
margin-top: -5px;
}

.soufo a:hover {
color: #d37c00;
text-shadow: 0px 0px 1px #d37c00;
}

.descpt a {
color: #d37c00;
text-shadow: 0px 0px 1px #d37c00;
font-size: 12px;
font-weight: bold;
margin-right : 3px;
font-variant : small-caps;
}

.descpt a:hover {
color: #85bdd7;
text-shadow: 0px 0px 1px #85bdd7;
}

.descpt {
background: white;
color: #829fa2;
font-family: Calibri;
padding: 5px;
margin-top: -2px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
border: 2px solid #5db1dd;
overflow-y: auto;
height: 85px;
box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
}

a.forumlink1:before {
content: "☀ ";
}

a.forumlink1:hover {
color: #688700;
}

a.forumlink1 {
font-family: 'Pacifico', cursive;
font-size: 20pt;
margin-left: 150px;
text-shadow: 1px 1px 1px #7c5800, -1px -1px 1px #a9dcd3;
color: #7eaa52;

-o-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-webkit-transition: all 1.0s ease;
}

/* SAFARI ET CHROME */
@-webkit-keyframes rotationfun {
0% {
-webkit-transform: rotate(0deg); /* position au debut */
}
50% {
-webkit-transform: rotate(-3deg); /* position au milieu de la transition */
}
100% {
-webkit-transform: rotate(2deg); /* position à la fin de la transition */
}
}

/* FIREFOX*/
@-moz-keyframes rotationfun {
0% {
-moz-transform: rotate(0deg); /* position au debut */
}
50% {
-moz-transform: rotate(-3deg); /* position au milieu de la transition */
}
100% {
-moz-transform: rotate(2deg); /* position à la fin de la transition */
}
}
.rotationfun:hover {
/* SAFARI ET CHROME */
-webkit-animation-name: rotationfun;
-webkit-animation-duration: 0.5s; /* duree de l animation */
-webkit-animation-iteration-count: 2; /* nb de repetition de l animation */
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;

/* FIREFOX*/
-moz-animation-name: rotationfun;
-moz-animation-duration: 0.5s; /* duree de l animation */
-moz-animation-iteration-count: 2; /* nb de repetition de l animation */
-moz-animation-direction: alternate;
-moz-animation-timing-function: ease-in-out;
}

.rotationfun { display: inline-block; }

.infomessages {
-moz-transform:rotate(8deg);
background-image: url('http://data.nimages.fr/biulleoyr.png');
height: 60px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
position: relative;
top: 20px;
left: -15px;
}

.imagecat {
margin-top: -15px;
margin-right: 5px;
margin-left: 15px;
border-radius: 10px;
border: 2px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
-o-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-webkit-transition: all 1.0s ease;
}

.imagecat:hover {
-moz-transform:rotate(7deg);
-webkit-transform: rotate(7deg) ;
-o-transform: rotate(7deg);
}

.descriptioncat {
margin-top: -15px;
text-align: justify;
padding: 10px;
overflow: hidden;
width: 400px;
height: 95px;
background: #e1a629;
border-radius: 10px;
border: 4px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
}

/*FIN*/

tr.post span.gensmall { display: none; }

a{text-decoration:none!important;}
a:hover {text-decoration: none !important;}

.postbody {
text-align: justify;
padding-left: 15px;
padding-right: 15px;
}

body {background-repeat: repeat; background-position: top left; }

.bodyline{ margin: auto;
border-radius: 50px;
border: 5px solid #7eaa52;
border-bottom: none;
box-shadow: 1px 1px 5px #627550;
top: -15px;
position: relative;
}

div#background_2{
margin:0;
padding:0;
background: url('http://data.nimages.fr/wemv11nxa.png') top center no-repeat; height: 667px;
margin-top: -8px;
margin-left: -8px;
margin-right: -8px;
}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}

/* Menu */
#menuNav {
}

/* Le style des liens */
a.mainmenu{
color:#e6c484;
font-size: 14px;
text-transform: none;
background: #e1a629;
padding: 7px;
padding-bottom: 3px;
border-radius: 10px;
border: 4px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
color: white;
font-family: 'Chau Philomene One', sans-serif;
text-shadow: 1px 1px 1px #9b7c39;
}

/* Style des liens au survol */
a.mainmenu:hover{
color: #ffffff;
text-transform: none;
text-decoration: none !important;
box-shadow: 1px 1px 4px #2e485a;
background: #5db1dd;
top: -10px;
position: relative;
padding-bottom: 20px;

text-shadow: 1px 1px 1px #4f7487;

background: #5db1dd; /* Old browsers */
background: -moz-linear-gradient(top, #5db1dd 0%, #a3d7f3 50%, #89c8e9 51%, #367190 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5db1dd), color-stop(50%,#a3d7f3), color-stop(51%,#89c8e9), color-stop(100%,#367190)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* IE10+ */
background: linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db1dd', endColorstr='#367190',GradientType=0 ); /* IE6-9 */}

#pun-navlinks li a {
padding: 0px;
position: relative;
left: -20px;
text-decoration: none;
}

a {
text-decoration: none !important;
}

a.mainmenu img {
display:none;
}

a.mainmenu{
padding-left:4px;
padding-right:4px;
}

.pacadrestaff {
position: relative;
top: 53px;
left: -165px;
}

.paiconstaff {
opacity: 0.5;
}

.paiconstaff:hover {
opacity: 1.0;
}

.panaviguation {
font-family: 'Chau Philomene One', sans-serif;
color: white;
position: relative;
top: 82px;
left: 280px;
font-size: 18px;
text-shadow: 1px 1px 1px #ca890b, -1px -1px 1px black;
}

/*CATEGORIES*/
.cadrecat{
-moz-border-radius:300px 300px 0 0;
-webkit-border-radius:300px 300px 0 0;
width: 400px;
height: 90px;
border: 3px solid #4C98CD;
border-bottom: 1px solid #4C98CD;
box-shadow: 1px 1px 5px #195FAA;
margin-left: auto;
margin-right: auto;
}

.textcat{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: justify;
width: 300px;
height: 70px;
overflow:auto;
}

/*INFOBULLES*/

span.info {
position: relative;
text-decoration: none;
font-style: none;
font-family: calibri;
font-size: 14px;

}

span.info span {
display: none; /* on masque l'infobulle */
font-style: none;
}
span.info:hover {
font-style: none;
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
span.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 10px; /* on positionne notre infobulle */
left: 15px;
width: 160px;
color:#e6c484;
text-transform: none;
background: #e1a629;
padding: 7px;
padding-bottom: 3px;
border-radius: 10px;
border: 4px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
padding: 3px;
font-style: none;
}

/*INFOBULLES2*/

span.info2 {
position: relative;
text-decoration: none;
font-style: none;
font-family: calibri;
font-size: 14px;
color: #CF9521;
}

span.info2 span {
display: none; /* on masque l'infobulle */
font-style: none;
}
span.info2:hover {
color: #89c947;
font-style: none;
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
span.info2:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: pre-warp;
top: 15px; /* on positionne notre infobulle */
left: 0px;
width: 400px;
font-family: Calibri;
color: white;
text-shadow: 0px 0px 1px white;
font-size: 14px;
text-transform: none;
background: #6abfde;
padding: 7px;
padding-bottom: 3px;
border-radius: 10px;
border: 4px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
padding: 3px;
font-style: none;
}

/*INFOBULLES3*/

span.info3 {
position: relative;
text-decoration: none;
font-style: none;
}

span.info3 span {
display: none; /* on masque l'infobulle */
font-style: none;
}
span.info3:hover {
font-style: none;
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
span.info3:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: pre-warp;
top: 7px; /* on positionne notre infobulle */
left: 10px;
width: 350px;
max-height: 85px;
font-family: Calibri;
color: white;
text-shadow: 0px 0px 1px white;
font-size: 14px;
text-transform: none;background: #5db1dd; /* Old browsers */
background: -moz-linear-gradient(top, #5db1dd 0%, #a3d7f3 50%, #89c8e9 51%, #367190 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5db1dd), color-stop(50%,#a3d7f3), color-stop(51%,#89c8e9), color-stop(100%,#367190)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* IE10+ */
background: linear-gradient(top, #5db1dd 0%,#a3d7f3 50%,#89c8e9 51%,#367190 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db1dd', endColorstr='#367190',GradientType=0 ); /* IE6-9 */
padding: 7px;
padding-bottom: 3px;
border-radius: 10px;
border: 4px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
padding: 3px;
font-style: none;
}

.titrepa {
color: white;
font-family: 'Chau Philomene One', sans-serif;
text-shadow: 1px 1px 1px #9b7c39;
font-size: 14px;
}

.soustitrepa {
color: #ff6c00;
font-family: calibri;
font-weight: bold;
font-size: 11px;
text-shadow: 1px 1px 0px #774825;
padding-bottom: 5px;
}

.gifpa {
border: 3px solid #5db1dd;
box-shadow: 1px 1px 4px #2e485a;
border-radius: 15px;
}

.lienspa {
padding-top: 3px;
color: white;
text-shadow: 1px 1px 1px #9b7c39;
font-family: 'Chau Philomene One', sans-serif;
font-size: 12px;
}

.lienspa a {
color: white;
}

.lienspa a:hover {
color: #5db1dd;
text-shadow: 1px 1px 1px #2e485a;
}

.tableaupartenariatpa {
position: relative;
top: 175px;
left: -75px;
}

.panuages1 {
position: relative;
top: 6px;
left: -4px;
}

.panuages2 {
position: relative;
top: -30px;
left: 14px;
}

.pasoleils1 {
top: 6px;
left: -16px;
position: relative;
}

.pasoleils2 {
top: -24px;
left: 17px;
position: relative;
}

.plusvous {
width: 33px;
height: 26px;
position: relative;
left: 173px;
top: 72px;
}

.catégoriespa {
position: relative;
margin-top: -100px;
margin-bottom: -30px;
}

.papvs {
top: -271px;
left: -276px;
position: relative;
}

/*BOTTIN DES AVATARS*/

.bottincentrer {
width: 65%;
margin: auto;
font-family: Calibri;
font-size: 14px;
color: #6bacb6;
}

.bottincentrer span:hover {
color: #516d92;
text-shadow: 0px 0px 1px black;
}

.bottincentrer a {
color: #89c947;
}

.bottincentrer a:hover {
color: #CF9521;
}

.pris {
color: #dd4d79;
text-shadow: 0px 0px 1px #dd4d79;
font-weight: bold;
}

.libre {
color: #8add4d;
text-shadow: 0px 0px 1px #8add4d;
font-weight: bold;
}

.réservé {
color: #b379bf;
text-shadow: 0px 0px 1px #b379bf;
font-weight: bold;
}

.adminstaff {
color: #ddb94d;
text-shadow: 0px 0px 1px #ddb94d;
font-weight: bold;
}

.open {
color: #80c3df;
text-shadow: 0px 0px 1px #80c3df;
font-weight: bold;
}

/*TOPICS*/

.fond1 {
width: 550px;
margin: auto;
background: #e1a629;
border-radius: 10px;
border: 5px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
}

.titre1 {
color: white;
font-family: 'Chau Philomene One', sans-serif;
text-shadow: 1px 1px 2px #6e541c;
font-size: 30px;
border-bottom: 5px dotted #ffd234;
}

.soustitre1 {
color: #9c7f43;
text-shadow: 1px 1px 1px #5b4109;
float: right;
font-style: italic;
font-family: Times New Roman;
font-size: 19px;
font-weight: bold;
margin-right: 20px;
}

.gif1 {
border: 5px solid #5db1dd;
box-shadow: 1px 1px 4px #2e485a;
border-radius: 15px;
max-width: 500px;
}

.image1 {
border: 5px solid #5db1dd;
box-shadow: 1px 1px 4px #2e485a;
border-radius: 80px;
max-width: 100px;
}

.cadretexte1 {
border: 5px solid #9c7f43;
box-shadow: 1px 1px 4px #5b4109, inset 0px 0px 15px 5px #c8d9db;
background: white;
width: 500px;
margin: auto;
border-radius: 15px;
}

.cadreinternetexte {
padding: 15px;
text-align: justify;
font-family: Calibri;
font-weight: bold;
font-size: 12px;
}

.cadrecarteid {
width: 85%;
margin: auto;
font-size: 13px;
}

.sections {
color: #5db1dd;
font-family: Century Gothic;
font-size: 23px;
letter-spacing: 2px;
text-shadow: 0px 0px 1px #007cbf;
padding-bottom: 3px;
border-bottom: 5px dotted #ffaa54;
}

.bottom {
border-bottom: 4px dotted #5db1dd;
width: 85%; margin: auto;
}

t1 {
text-shadow: 0px 0px 1px #c77b30;
color: #ffaa54;
}

t2 {
text-shadow: 0px 0px 1px #c77b30;
color: #ffaa54;
font-size: 13px;
text-transform: uppercase;
}

.selectCode { float:right; cursor:pointer;
text-shadow: 0px 0px 1px #c77b30;
color: #ffaa54;}

.ldsc1 {
text-align: justify;
max-height: 150px;
overflow-y: auto;
float: left;
width: 185px; !important

font-family: Calibri;
font-weight: bold;
font-size: 11px;
}

.ldsc2 {
text-align: justify;
max-height: 150px;
overflow-y: auto;
float: right;
width: 185px; !important

font-family: Calibri;
font-weight: bold;
font-size: 11px;
}

.irl {
text-align: justify;
max-height: 95px;
overflow-y: auto;
margin: auto;
width: 95%;
float: right;
font-family: Calibri;
font-weight: bold;
font-size: 13px;
}

.soustitregroupes {
font-family: 'Chau Philomene One', sans-serif;
font-size: 22px;
letter-spacing: 2px;

color: #ff6c00;
text-shadow: 1px 1px 0px #774825;
}

.textegroupes {
font-family: Calibri;
font-weight: bold;
font-size: 12px;
margin: auto;
width: 380px;
height: 200px;
overflow-y: auto;
opacity: 0.8;
padding: 10px;

background: white;
border-radius: 10px;
border: 5px solid #916b1e;
box-shadow: 1px 1px 4px #5b4109, inset 0px 0px 15px 5px #c8d9db;
margin-top: -5px;
}

textarea, input, select {

border-radius: 10px;
background-color: #6abfde;
color: white;
font-family: Calibri;
font-size: 13px;
text-shadow: 0px 0px 1px white;
border: 2px solid white;
padding: 3px;
box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
}

textarea, input {
background-color: #6abfde;

border-radius: 10px; font-family: Calibri;
color: white;
text-shadow: 0px 0px 1px white;
font-size: 14px;
border: 2px solid white;
padding: 3px;
box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
}

.code {
background-color: #6abfde;
font-family: Calibri;
color: white;
text-shadow: 0px 0px 1px white;
font-size: 14px;
border: 5px solid white;
border-radius: 10px;
padding: 15px;
box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
}

.quote {
background-color: #6abfde;
font-family: Calibri;
color: white;
text-shadow: 0px 0px 1px white;
font-size: 14px;
border: 5px solid white;
border-radius: 10px;
padding: 15px;
box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
}

.hide {
background-color: #6abfde;
font-family: Calibri;
color: white;
text-shadow: 0px 0px 1px white;
font-size: 14px;
border: 5px solid white;
border-radius: 10px;
padding: 15px;
box-shadow: 0px 0px 3px #51634b, inset 0px 0px 15px 7px #4898b5;
}

.spoiler_closed {
border: none;
}

.spoiler_content{
border: none;
min-width: 420px;
}

/*SCÉNARIOS*/

.scénava {
border: 5px solid #5db1dd;
box-shadow: 1px 1px 4px #2e485a;
border-radius: 7px;
}

.scénatxt {
background: #e1a629;
padding-top: 7px;
padding-bottom: 7px;
border-radius: 10px;
border: 4px solid white;
box-shadow: 1px 1px 4px #5a4c2e;
width: 300px;
height: 308px;
}

.scénatit {
font-size: 23px;
padding-top: 7px;
padding-bottom: 3px;
color: white;
font-family: 'Chau Philomene One', sans-serif;
text-shadow: 1px 1px 1px #9b7c39;
}

.scénatit:before {
content: '☀ ';
}

.scénatit:after {
content: ' ☀';
}

.scénatxt2 {
background: white;
color: #8dadb0;
letter-spacing: -0.5px;
font-family: Calibri;
margin-top: -21px;
margin-bottom: 5px;
font-size: 12px;
border-radius: 20px;
border: 2px solid #5db1dd;
padding: 8px;
font-weight: bold;
text-align: justify;
width: 85%;
height: 248px;
margin: auto;
box-shadow: 1px 1px 4px #2e485a, inset 0px 0px 15px 5px #c8d9db;
}

.scénastit {color: #5ab5e0; text-shadow: 0px 0px 1px; font-family: Courier New; letter-spacing: -3px; font-size: 15px;}

.scénastit:before {
content: '☁ ';
}

.scénastit:after {
content: ' ☁';
}

.scénasoverflow {
overflow-y: auto;
height: 185px;
margin-top: -10px;
}

.scénasoverflow b {
color: #ef802e;
text-shadow: 0px 0px 1px;
}

.scénasoverflow b:after {
content: ' ☀';
}

.scénacrédits {
opacity: 0.7; font-size: 11px;
margin-top: -5px;
}

.scénacrédits2 {
opacity: 0.7; font-size: 11px;
color: #92a4b1;
}

.image {
border: 3px solid #5db1dd;
box-shadow: 1px 1px 2px #2e485a;
border-radius: 80px;
max-width: 80px;
display: inline-block;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 14px;
}

.image img {
border-radius: 80px;
max-width: 80px;
}

.image2 {
border: 3px solid #ef802e;
box-shadow: 1px 1px 2px #5a412e;
border-radius: 80px;
max-width: 80px;
display: inline-block;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 14px;
}

.image2 img {
border-radius: 80px;
max-width: 80px;
}

span.liens { position: relative;
text-decoration: none;
font-style: none;
font-family: calibri;
font-size: 14px;
color: #CF9521;}

span.liens span {display: none; /* on masque l'infobulle */
font-style: none;}

span.liens:hover { color: #77aa42;
font-style: none;
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */}

span.liens:hover span { display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: pre-warp; top: -20px; left: 20px; /* on positionne notre infobulle */
width: 350px;
font-family: Calibri;
font-size: 12px;
text-transform: none;
padding: 7px;
padding-bottom: 3px;
border-radius: 10px;
border: 4px solid #54b5d5;
box-shadow: 1px 1px 4px #5a4c2e;
background: white;
padding: 3px;
font-style: none;
}

.lienscénas {
padding-top: 3px;
color: white;
text-shadow: 1px 1px 1px #9b7c39;
font-family: 'Chau Philomene One', sans-serif;
font-size: 14px;
}

.lienscénas a {
color: #ef802e;
}

.lienscénas a:hover {
color: #5db1dd;
text-shadow: 1px 1px 1px #2e485a;

}

.part {
position: fixed;
top: 32px;
left: -45px;
width: 210px;
height: 30px;
line-height: 28px;
text-align: center;
background-color: #e1a629;
border: 3px solid #FFFFFF;
border-left: none;
border-right: none;
color: #ffffff;
font-weight: bold;
font-size: 14px;
font-family: Trebuchet MS;
text-shadow: none;
box-shadow: inset 27px 0px 19px rgba(150,109,21,0.1), inset -27px 0px 19px rgba(150,109,21,0.1), 0px 0px 2px rgba(0,0,0,0.4);
-moz-box-shadow: inset 27px 0px 19px rgba(0,0,0,0.1), inset -27px 0px 19px rgba(0,0,0,0.1);
-o-box-shadow: inset 27px 0px 19px rgba(0,0,0,0.1), inset -27px 0px 19px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 27px 0px 19px rgba(0,0,0,0.1), inset -27px 0px 19px rgba(0,0,0,0.1);

-webkit-transform: rotate(-40deg);
-moz-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.part::before { content: "Élu Meilleur Projet" ; text-shadow: none; }
.part:hover::before { content: "sur Pub RPG Design !" ; text-shadow: none; }
.part:hover { cursor: pointer; text-shadow: none; }

/*FIN*/

Messages : 32 Date d'inscription : 14/07/2012

[Seuls les administrateurs ont le droit de voir cette image]

Messages : 32 Date d'inscription : 14/07/2012

Avatar

[Seuls les administrateurs ont le droit de voir ce lien]

» VERSION 2 ☀ archive.
» VERSION 3 ☀ archive.

VERSION 1 ☀ archive.

VERSION 1 ☀ archive.

Sujets similaires

Sujets similaires