CODE VERSION GOOD HP

Messages : 1394 Date d'inscription : 28/11/2011

PAGE D'ACCEUIL

Code:: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface|Archivo+Narrow|EB+Garamond&display=swap" />
<div class="PA3_background">

<div class="PA3_entoure">

<div class="PA3_liensutiles">
   <a href="http://www.hollywoodpeople.net/t22922-reglement"> <span style="color: #FFFFFF;">règlement</span> </a>
</div>

<div class="PA3_liensutiles">
   <a href="http://www.hollywoodpeople.net/f175-pre-liens-et-scenarios"> <span style="color: #FFFFFF;"> scénarii </span></a>
</div>

<div class="PA3_liensutiles">
   <a href="http://www.hollywoodpeople.net/t22857-o-bottin-des-avatars"><span style="color: #FFFFFF;">bottin</span></a>
</div>

<div class="PA3_liensutiles">
   <a href="http://www.hollywoodpeople.net/f178-zone-invites"><span style="color: #FFFFFF;">invités</span></a>
</div>

<div class="PA3_liensutiles">
   <a href="http://www.hollywoodpeople.net/t28428-o-description-des-groupes"><span style="color: #FFFFFF;">groupes</span></a>
</div>

<div class="PA3_liensutiles">
   <a href="http://www.hollywoodpeople.net/t29767-discord-du-forum?highlight=discord"> <span style="color: #FFFFFF;">discord</span></a>
</div>

<div class="PA3_predefini">
   <a target="blank" href="http://www.hollywoodpeople.net/u3903"><img alt="" border="0" src="https://64.media.tumblr.com/9371fdf1758dd11a504622e60c737586/d9c5e8d95313bcaa-11/s400x600/2b8a6fc2ae28226648a7a0c03f270db95eada0f3.png" /></a>
</div>

<div class="PA3_predefini">
   <a target="blank" href="http://www.hollywoodpeople.net/u6978"><img alt="" border="0" src="https://64.media.tumblr.com/361d903088f5f5e09964747fc22038b0/81773169a261809d-34/s1280x1920/bb0e200d3f69cbef9b0a31c0af81d508177a735d.jpg" /></a>
</div>

</div>

<div class="PA3_image">
   <img src="https://i.pinimg.com/originals/b6/82/73/b68273926bb348bdc463b3a7063a7ca5.jpg" /> <span class="PAtopsite"> <strong>pour soutenir le forum</strong></span> <br /> <span class="PAtopsite3"> <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=25133">top 1</a> / <a href="http://www.root-top.com/topsite/brocart/in.php?ID=8">top 2</a> / <a href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=2023">top 3</a> / <a href="http://www.root-top.com/topsite/bazzart/in.php?ID=1968">top 4</a> / <a href="http://www.root-top.com/topsite/filetdudiable/in.php?ID=1234">top 5</a> / <a href="http://www.root-top.com/topsite/titop/in.php?ID=2924">top 6</a> / <a href="http://www.root-top.com/topsite/loveharvard/in.php?ID=877">top 7</a></span>
</div>

<div class="PA3_entoure2">

<div class="PA3_titlecont">
   Once upon a time in Hollywood...
</div>

<div class="PA3_texte">
   Bienvenue à Hollywood, la ville réputée pour ses nombreux films à succès, ses célébrités connues dans tous les pays, voire dans le monde entier. Ici vous découvrirez que la vie de star n'est pas toujours une partie de plaisir, notamment à cause des nombreux paparazzis qui vous suivent à longueur de journée. Ce sera à vous de gérer votre carrière mais également votre vie personnelle. Faites attention a vos relations avec vos amis, vos ennemis et l'élu de votre coeur, car les journalistes ne sont jamais loin, toujours à la recherche d'un scoop. Le moindre de vos faits et gestes sont espionnés, analysés et rendus publiques dans la presse à scandale, autant vous dire qu'il va vous falloir un fort caractère pour supporter tout ce tapage médiatique. Soyez prudent et méfiez-vous de tout, le monde du show-business est cruel et difficile. venez nous rejoindre et incarner votre star préférée dans un monde fait de strass, de paillettes, de popularité et de jalousie. Menez votre vie comme bon vous semble, mais attention cependant à ne pas faire trop d'excès.
</div>

<div class="PA3_barre">

<div align="center">

<center>

<center>

<form>
   <select onchange="location = this.value" style="width: 268px; /*-- texte en gras --*/
   color: #bcc5c2;
background-color:#ffffff;
  border: none;
  padding:5px;
   font-family: 'Comfortaa', cursive;
  text-transform:lowercase;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;">
  <option selected="selected">nos amis</option>
  <option value="http://www.ciao-vecchio.com/">ciao vecchio</option>
  <option value="https://hungcalf.forumactif.com/">hungcalf</option>
  <option value="https://www.30yearsstillyoung.com/">30 years still young</option>
  <option value="http://www.thegreatperhaps.org/">the great perhaps</option>
<option value="https://fateofstars.forumactif.com/">fate of stars</option>
<option value="https://generationwhy.forumactif.com/">generation why</option>
<option value="http://www.hollywoodpeople.net/f33-pubs-partenaires">et les autres </option>

</select>
</form>

</center>

</center>

</div>

</div>

<div class="PA3_entourenews">

<div class="PA3_date">
   16.01.21
</div>

<div class="PA3_news">
   Attention ; de précisions ont été apportées au contexte. Prenez le temps de les découvrir <a href="http://www.hollywoodpeople.net/t22921-contexte#979597"><span style="text-decoration: underline;">ici</span></a>
</div><br />
<div class="PA3_date">
   22.11.20
</div>

<div class="PA3_news">
   Nouvelle version hivernale pour Hollywood People avec les BTS et Adele Haenel ! Les mentions et la barre de notification font également leurs retours !
</div>
   <br />
<div class="PA3_date">
   29.08.20
</div>

<div class="PA3_news">
   Le vieil Hollywood s'invite sur le forum ! Et les grands gagnants des awards 2020 sont dévoilés !
</div>
   <br />
<div class="PA3_date">
   29.05.20
</div>

<div class="PA3_news">
   Nouveau design sur le thème des années 90' ! Un sujet commun a également été mis en place.
</div>
   <br />
<div class="PA3_date">
   30.05.07
</div>

<div class="PA3_news">
   ouverture du forum !
</div>

</div>

</div>

<div class="PA3_blockparto">

<div class="credits">
   <span style="font-size: 8px;">Graphisme par halcyon days. Codage par halcyon days, ccrush et skywalkers. Ce forum appartient à ses administratrices endless et halcyon days. Toute reproduction totale ou partielle est interdite. </span>
</div>

</div>

</div>

CODE JAVASCRIPT

tag

Code:: $(function(){
   if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;
   var storage = window.localStorage, s = document.createElement('SELECT'), amis;

   if (storage && storage.faAmis && storage.faAmisExp > +new Date - 29*59*1000 && storage.faAmisUser == _userdata.username) s.innerHTML = storage.faAmis;
   else {
   $.get('/privmsg?mode=post', function(d) {
   amis = $('select[name="userfriend"]', d)[0] || 0;

   if (amis) {
   amis.firstChild.innerHTML = 'Sélectionner un ami';
   s.innerHTML = amis.innerHTML;
   }

   if (storage) {
   storage.faAmis = amis ? amis.innerHTML : 0;
   storage.faAmisUser = _userdata.username;
   storage.faAmisExp = +new Date;
   }
   });
   }

   $.sceditor.command.set('mention', {
   dropDown : function(editor, caller, callback) {
   var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');
   b.type = 'button';
   b.value = 'Insert';
   b.className = 'button';

   c.type = 'text';
   c.id = 'fa-mention';

   a.innerHTML = '<div><label for="fa-mention">Pseudo de l\'utilisateur :</label></div>' + ( s.innerHTML ? '<div><label>Mentionner un ami :</label></div>' : '' ) + '<div></div>';
   a.firstChild.appendChild(c);
   a.lastChild.appendChild(b);

   if (s.innerHTML != 0) {
   s.value = '';
   a.getElementsByTagName('DIV')[1].appendChild(s);
   s.onchange = function() {
   c.value = s.value;
   };
   }

   b.onclick = function() {
   c.value && callback(c.value);
   editor.closeDropDown(true);
   };

   editor.createDropDown(caller, 'insertmention', a);
   },

   exec : function(c) { mention(c, this) },
   txtExec : function(c) { mention(c, this) },

   tooltip : 'Mentionner un membre'
   });

   toolbar = toolbar.replace(/quote,/,'mention,quote,');

   function mention(c, e) {
   $.sceditor.command.get('mention').dropDown(e, c, function(pseudo) {
   e.insertText('@"' + pseudo + '" ');
   });
   }
});

mentionner

Code:: /* FORUM VERSIONS
* 0 = PHPBB2
* 1 = PHPBB3
* 2 = PUNBB
* 3 = INVISION
* 4 = MODERNBB
*/
$(function() {
  var version = 0,
   image = 'https://images2.imgbox.com/ae/2c/neu7wyHx_o.png';

  if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
   document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
   my_setcookie('fa_mention','');
  } if (!/\/t\d+/.test(window.location.pathname)) return;

  for (var a = $(['.toolsPOST','.post-options', '.profile-icons', '.post-options', '.posting-icons', '.profile-icons'][version]), b, c, d = ['.name strong a', '.author a', '.username a', '.author a', '.postprofile-name a'][version], e, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'), l = version == 1 || version == 3 || version == 4; i<j; i++) {
   b = document.createElement('IMG');
   b.src = image;
   b.alt = 'Mentionner';
   b.title = 'Mentionner ' + $(a[i]).closest('.post').find(d + ':not(.fa-mention)').text();
   b.className = 'i_icon_mention';
   b.onclick = function() {
   var n = this.title.replace(/^.*?\s/,'');

   if ($.sceditor) t.insertText('@"' + n + '" ');
   else {
   my_setcookie('fa_mention', n);
   window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
   }
   };

   if (l) {
   c = document.createElement('LI');
   c.appendChild(b);
   }

   a[i].insertBefore(l ? c : b, a[i].firstChild);
  }

  $(function(){
   if (!$.sceditor) return;
   t=$(t).sceditor('instance');
  });
});

bouton haut/bas

Code:: $(function(){
$("body").append('<div class="boutonhautbas"><a href="#top"><img src="https://www.zupimages.net/up/20/47/38hd.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://www.zupimages.net/up/20/47/ck98.png" alt="Aller en bas" /></a></div>');
});

connexion rapide

Code:: $(function() {
   if (_userdata["session_logged_in"] == "0") {
   /* PERSONNALISATION DES TEXTES */
   var txt_username = "Nom d'utilisateur",
   txt_password = "Mot de passe",
   txt_login = "Connexion",
   txt_remember = "Rester connecté(e)",
   txt_guest = "Pas encore inscrit(e) ?",
   txt_create = "Créez un compte",
   txt_lost = "Mot de passe perdu ?",
   txt_recover = "Récupérez-le";
   /* FIN DE PERSONNALISATION - Ne rien modifier ci-après */

   $('body').prepend('<div id="quickloginform_overlay" style="display:none;z-index:2147483647"></div><div id="quickloginform" style="display:none;z-index:2147483647"><form id="fa-login-form" class="login-form" name="form_login" method="post" action="/login"><input type="text" maxlength="40" name="username" placeholder="' + txt_username + '" required=""><input type="password" maxlength="32" name="password" placeholder="' + txt_password + '" required=""><button name="login">' + txt_login + '</button><label><p>' + txt_remember + ' <input type="checkbox" style="vertical-align: middle;" name="autologin"></p></label><p style="float:left; text-align:left;">' + txt_guest + '<br><a href="/register">' + txt_create + '</a></p><p style="float:right; text-align:right;">' + txt_lost + '<br><a href="/profile?mode=sendpassword">' + txt_recover + '</a></p><div style="clear:both;"></div><input name="redirect" value="' + window.location.pathname + '" type="hidden"></form></div>');

   $('a[href*="/login"]').click(function() {
   $('#quickloginform, #quickloginform_overlay').fadeIn();
   $('#quickloginform input[name="username"]').focus();
   return false;
   });

   $(document).click(function(e) {
   if ($(e.target).closest('#quickloginform form').length === 0) {
   $('#quickloginform, #quickloginform_overlay').fadeOut();
   }
   });
   $(document).keyup(function(e) {
   if (e.keyCode == 27) {
   $('#quickloginform, #quickloginform_overlay').fadeOut();
   }
   });
   }
});

twemoji

Code:: (function() {
  var config = {
   button_title : 'Emojis',
   auto_close : false,
   async_load : true,

   emoji_size : 16, // 16, 36, or 72
   emoji_list : '\uD83D\uDE00 \uD83D\uDE01 \uD83D\uDE02 \uD83D\uDE03 \uD83D\uDE04 \uD83D\uDE05 \uD83D\uDE06 \uD83D\uDE09 \uD83D\uDE0A \uD83D\uDE0B \uD83D\uDE0E \uD83D\uDE0D \uD83D\uDE18 \uD83D\uDE17 \uD83D\uDE19 \uD83D\uDE1A \u263A\uFE0F \uD83D\uDE07 \uD83D\uDE10 \uD83D\uDE11 \uD83D\uDE36 \uD83D\uDE0F \uD83D\uDE23 \uD83D\uDE25 \uD83D\uDE2E \uD83D\uDE2F \uD83D\uDE2A \uD83D\uDE2B \uD83D\uDE34 \uD83D\uDE0C \uD83D\uDE1B \uD83D\uDE1C \uD83D\uDE1D \uD83D\uDE12 \uD83D\uDE13 \uD83D\uDE14 \uD83D\uDE15 \uD83D\uDE16 \uD83D\uDE37 \uD83D\uDE32 \uD83D\uDE1E \uD83D\uDE1F \uD83D\uDE24 \uD83D\uDE22 \uD83D\uDE2D \uD83D\uDE26 \uD83D\uDE27 \uD83D\uDE28 \uD83D\uDE29 \uD83D\uDE2C \uD83D\uDE30 \uD83D\uDE31 \uD83D\uDE33 \uD83D\uDE35 \uD83D\uDE21 \uD83D\uDE20 \uD83D\uDC7F \uD83D\uDE08 \uD83D\uDC66 \uD83D\uDC67 \uD83D\uDC68 \uD83D\uDC69 \uD83D\uDC74 \uD83D\uDC75 \uD83D\uDC76 \uD83D\uDC71 \uD83D\uDC6E \uD83D\uDC72 \uD83D\uDC73 \uD83D\uDC77 \uD83D\uDC78 \uD83D\uDC82 \uD83C\uDF85 \uD83D\uDC7C \uD83D\uDC6F \uD83D\uDC86 \uD83D\uDC87 \uD83D\uDC70 \uD83D\uDE4D \uD83D\uDE4E \uD83D\uDE45 \uD83D\uDE46 \uD83D\uDC81 \uD83D\uDE4B \uD83D\uDE47 \uD83D\uDE4C \uD83D\uDE4F \uD83D\uDC64 \uD83D\uDC65 \uD83D\uDEB6 \uD83C\uDFC3 \uD83D\uDC83 \uD83D\uDC8F \uD83D\uDC91 \uD83D\uDC6A \uD83D\uDC6B \uD83D\uDC6C \uD83D\uDC6D \uD83D\uDCAA \uD83D\uDC48 \uD83D\uDC49 \u261D\uFE0F \uD83D\uDC46 \uD83D\uDC47 \u270C\uFE0F \u270A \u270B \uD83D\uDC4A \uD83D\uDC4C \uD83D\uDC4D \uD83D\uDC4E \uD83D\uDC4B \uD83D\uDC4F \uD83D\uDC50 \uD83D\uDC85 \uD83D\uDC63 \uD83D\uDC40 \uD83D\uDC42 \uD83D\uDC43 \uD83D\uDC45 \uD83D\uDC44 \uD83D\uDC8B \uD83D\uDC98 \u2764\uFE0F \uD83D\uDC93 \uD83D\uDC94 \uD83D\uDC95 \uD83D\uDC96 \uD83D\uDC97 \uD83D\uDC99 \uD83D\uDC9A \uD83D\uDC9B \uD83D\uDC9C \uD83D\uDC9D \uD83D\uDC9E \uD83D\uDC9F \uD83D\uDC8C \uD83D\uDCA7 \uD83D\uDCA4 \uD83D\uDCA2 \uD83D\uDCA3 \uD83D\uDCA5 \uD83D\uDCA6 \uD83D\uDCA8 \uD83D\uDCAB \uD83D\uDCAC \uD83D\uDCAD \uD83D\uDC53 \uD83D\uDC54 \uD83D\uDC55 \uD83D\uDC56 \uD83D\uDC57 \uD83D\uDC58 \uD83D\uDC59 \uD83D\uDC5A \uD83D\uDC5B \uD83D\uDC5C \uD83D\uDC5D \uD83C\uDF92 \uD83D\uDC5E \uD83D\uDC5F \uD83D\uDC60 \uD83D\uDC61 \uD83D\uDC62 \uD83D\uDC51 \uD83D\uDC52 \uD83C\uDFA9 \uD83D\uDC84 \uD83D\uDC8D \uD83D\uDC8E \uD83D\uDC79 \uD83D\uDC7A \uD83D\uDC7B \uD83D\uDC80 \uD83D\uDC7D \uD83D\uDC7E \uD83D\uDCA9 \uD83D\uDC35 \uD83D\uDE48 \uD83D\uDE49 \uD83D\uDE4A \uD83D\uDC12 \uD83D\uDC36 \uD83D\uDC15 \uD83D\uDC29 \uD83D\uDC3A \uD83D\uDC31 \uD83D\uDE38 \uD83D\uDE39 \uD83D\uDE3A \uD83D\uDE3B \uD83D\uDE3C \uD83D\uDE3D \uD83D\uDE3E \uD83D\uDE3F \uD83D\uDE40 \uD83D\uDC08 \uD83D\uDC2F \uD83D\uDC05 \uD83D\uDC06 \uD83D\uDC34 \uD83D\uDC0E \uD83D\uDC2E \uD83D\uDC02 \uD83D\uDC03 \uD83D\uDC04 \uD83D\uDC37 \uD83D\uDC16 \uD83D\uDC17 \uD83D\uDC3D \uD83D\uDC0F \uD83D\uDC11 \uD83D\uDC10 \uD83D\uDC2A \uD83D\uDC2B \uD83D\uDC18 \uD83D\uDC2D \uD83D\uDC01 \uD83D\uDC00 \uD83D\uDC39 \uD83D\uDC30 \uD83D\uDC07 \uD83D\uDC3B \uD83D\uDC28 \uD83D\uDC3C \uD83D\uDC3E \uD83D\uDC14 \uD83D\uDC13 \uD83D\uDC23 \uD83D\uDC24 \uD83D\uDC25 \uD83D\uDC26 \uD83D\uDC27 \uD83D\uDC38 \uD83D\uDC0A \uD83D\uDC22 \uD83D\uDC0D \uD83D\uDC32 \uD83D\uDC09 \uD83D\uDC33 \uD83D\uDC0B \uD83D\uDC2C \uD83D\uDC1F \uD83D\uDC20 \uD83D\uDC21 \uD83D\uDC19 \uD83D\uDC1A \uD83D\uDC0C \uD83D\uDC1B \uD83D\uDC1C \uD83D\uDC1D \uD83D\uDC1E \uD83D\uDC90 \uD83C\uDF38 \uD83D\uDCAE \uD83C\uDF39 \uD83C\uDF3A \uD83C\uDF3B \uD83C\uDF3C \uD83C\uDF37 \uD83C\uDF31 \uD83C\uDF32 \uD83C\uDF33 \uD83C\uDF34 \uD83C\uDF35 \uD83C\uDF3E \uD83C\uDF3F \uD83C\uDF40 \uD83C\uDF41 \uD83C\uDF42 \uD83C\uDF43 \uD83C\uDF47 \uD83C\uDF48 \uD83C\uDF49 \uD83C\uDF4A \uD83C\uDF4B \uD83C\uDF4C \uD83C\uDF4D \uD83C\uDF4E \uD83C\uDF4F \uD83C\uDF50 \uD83C\uDF51 \uD83C\uDF52 \uD83C\uDF53 \uD83C\uDF45 \uD83C\uDF46 \uD83C\uDF3D \uD83C\uDF44 \uD83C\uDF30 \uD83C\uDF5E \uD83C\uDF56 \uD83C\uDF57 \uD83C\uDF54 \uD83C\uDF5F \uD83C\uDF55 \uD83C\uDF72 \uD83C\uDF71 \uD83C\uDF58 \uD83C\uDF59 \uD83C\uDF5A \uD83C\uDF5B \uD83C\uDF5C \uD83C\uDF5D \uD83C\uDF60 \uD83C\uDF62 \uD83C\uDF63 \uD83C\uDF64 \uD83C\uDF65 \uD83C\uDF61 \uD83C\uDF66 \uD83C\uDF67 \uD83C\uDF68 \uD83C\uDF69 \uD83C\uDF6A \uD83C\uDF82 \uD83C\uDF70 \uD83C\uDF6B \uD83C\uDF6C \uD83C\uDF6D \uD83C\uDF6E \uD83C\uDF6F \uD83C\uDF7C \u2615 \uD83C\uDF75 \uD83C\uDF76 \uD83C\uDF77 \uD83C\uDF78 \uD83C\uDF79 \uD83C\uDF7A \uD83C\uDF7B \uD83C\uDF74 \uD83C\uDF73 \uD83C\uDF0D \uD83C\uDF0E \uD83C\uDF0F \uD83C\uDF10 \uD83C\uDF0B \uD83D\uDDFB \uD83C\uDFE0 \uD83C\uDFE1 \u26EA \uD83C\uDFE2 \uD83C\uDFE3 \uD83C\uDFE4 \uD83C\uDFE5 \uD83C\uDFE6 \uD83C\uDFE8 \uD83C\uDFE9 \uD83C\uDFEA \uD83C\uDFEB \uD83C\uDFEC \uD83C\uDFED \uD83C\uDFEF \uD83C\uDFF0 \uD83D\uDC92 \uD83D\uDDFC \uD83D\uDDFD \uD83D\uDDFE \u26F2 \u26FA \uD83C\uDF01 \uD83C\uDF03 \uD83C\uDF04 \uD83C\uDF05 \uD83C\uDF06 \uD83C\uDF07 \uD83C\uDF09 \uD83C\uDF0A \u2668\uFE0F \uD83D\uDDFF \uD83C\uDF0C \uD83C\uDFA0 \uD83C\uDFA1 \uD83C\uDFA2 \uD83D\uDC88 \uD83C\uDFAA \uD83C\uDFAD \uD83C\uDFA8 \uD83C\uDFB0 \uD83D\uDE82 \uD83D\uDE83 \uD83D\uDE84 \uD83D\uDE85 \uD83D\uDE86 \uD83D\uDE87 \uD83D\uDE88 \uD83D\uDE89 \uD83D\uDE8A \uD83D\uDE9D \uD83D\uDE9E \uD83D\uDE8B \uD83D\uDE8C \uD83D\uDE8D \uD83D\uDE8E \uD83D\uDE8F \uD83D\uDE90 \uD83D\uDE91 \uD83D\uDE92 \uD83D\uDE93 \uD83D\uDE94 \uD83D\uDE95 \uD83D\uDE96 \uD83D\uDE97 \uD83D\uDE98 \uD83D\uDE99 \uD83D\uDE9A \uD83D\uDE9B \uD83D\uDE9C \uD83D\uDEB2 \uD83D\uDEB3 \u26FD \uD83D\uDEA8 \u2693 \uD83D\uDD31 \u26F5 \uD83D\uDEA3 \uD83D\uDEA4 \uD83D\uDEA2 \u2708\uFE0F \uD83D\uDCBA \uD83D\uDE81 \uD83D\uDE9F \uD83D\uDEA0 \uD83D\uDEA1 \uD83D\uDE80 \uD83C\uDFE7 \uD83D\uDEAE \uD83D\uDEA5 \uD83D\uDEA6 \uD83D\uDEA7 \uD83D\uDEAB \uD83D\uDEAD \uD83D\uDEAF \uD83D\uDEB0 \uD83D\uDEB1 \uD83D\uDEB7 \uD83D\uDEB8 \u267F \uD83D\uDEB9 \uD83D\uDEBA \uD83D\uDEBB \uD83D\uDEBC \uD83D\uDEBE \uD83D\uDEC2 \uD83D\uDEC3 \uD83D\uDEC4 \uD83D\uDEC5 \u26A0\uFE0F \u26D4 \uD83D\uDEAA \uD83D\uDEBD \uD83D\uDEBF \uD83D\uDEC0 \uD83D\uDEC1 \u231B \u23F3 \u231A \u23F0 \uD83D\uDD5B \uD83D\uDD67 \uD83D\uDD50 \uD83D\uDD5C \uD83D\uDD51 \uD83D\uDD5D \uD83D\uDD52 \uD83D\uDD5E \uD83D\uDD53 \uD83D\uDD5F \uD83D\uDD54 \uD83D\uDD60 \uD83D\uDD55 \uD83D\uDD61 \uD83D\uDD56 \uD83D\uDD62 \uD83D\uDD57 \uD83D\uDD63 \uD83D\uDD58 \uD83D\uDD64 \uD83D\uDD59 \uD83D\uDD65 \uD83D\uDD5A \uD83D\uDD66 \u2648 \u2649 \u264A \u264B \u264C \u264D \u264E \u264F \u2650 \u2651 \u2652 \u2653 \u26CE \uD83C\uDF11 \uD83C\uDF12 \uD83C\uDF13 \uD83C\uDF14 \uD83C\uDF15 \uD83C\uDF16 \uD83C\uDF17 \uD83C\uDF18 \uD83C\uDF19 \uD83C\uDF1A \uD83C\uDF1B \uD83C\uDF1C \u2600\uFE0F \uD83C\uDF1D \uD83C\uDF1E \u2601\uFE0F \u26C5 \uD83C\uDF00 \uD83C\uDF08 \uD83C\uDF02 \u2614 \u2744\uFE0F \u26C4 \uD83C\uDF1F \uD83C\uDF20 \uD83D\uDD25 \uD83C\uDF83 \uD83C\uDF84 \uD83C\uDF86 \uD83C\uDF87 \u2728 \uD83C\uDF88 \uD83C\uDF89 \uD83C\uDF8A \uD83C\uDF8B \uD83C\uDF8C \uD83C\uDF8D \uD83C\uDF8E \uD83C\uDF8F \uD83C\uDF90 \uD83C\uDF91 \uD83C\uDF93 \uD83C\uDFAF \uD83C\uDFB4 \uD83C\uDF80 \uD83C\uDF81 \uD83C\uDFAB \u26BD \u26BE \uD83C\uDFC0 \uD83C\uDFC8 \uD83C\uDFC9 \uD83C\uDFBE \uD83C\uDFB1 \uD83C\uDFB3 \u26F3 \uD83C\uDFA3 \uD83C\uDFBD \uD83C\uDFBF \uD83C\uDFC2 \uD83C\uDFC4 \uD83C\uDFC7 \uD83C\uDFCA \uD83D\uDEB4 \uD83D\uDEB5 \uD83C\uDFC6 \uD83C\uDFAE \uD83C\uDFB2 \u2660\uFE0F \u2665\uFE0F \u2666\uFE0F \u2663\uFE0F \uD83C\uDCCF \uD83C\uDC04 \uD83D\uDD07 \uD83D\uDD08 \uD83D\uDD09 \uD83D\uDD0A \uD83D\uDCE2 \uD83D\uDCE3 \uD83D\uDCEF \uD83D\uDD14 \uD83D\uDD15 \uD83D\uDD00 \uD83D\uDD01 \uD83D\uDD02 \u25B6\uFE0F \u23E9 \u25C0\uFE0F \u23EA \uD83D\uDD3C \u23EB \uD83D\uDD3D \u23EC \uD83C\uDFBC \uD83C\uDFB5 \uD83C\uDFB6 \uD83C\uDFA4 \uD83C\uDFA7 \uD83C\uDFB7 \uD83C\uDFB8 \uD83C\uDFB9 \uD83C\uDFBA \uD83C\uDFBB \uD83D\uDCFB \uD83D\uDCF1 \uD83D\uDCF3 \uD83D\uDCF4 \uD83D\uDCF2 \uD83D\uDCF5 \u260E\uFE0F \uD83D\uDCDE #\u20E3\uFE0F 0\u20E3\uFE0F 1\u20E3\uFE0F 2\u20E3\uFE0F 3\u20E3\uFE0F 4\u20E3\uFE0F 5\u20E3\uFE0F 6\u20E3\uFE0F 7\u20E3\uFE0F 8\u20E3\uFE0F 9\u20E3\uFE0F \uD83D\uDD1F \uD83D\uDCF6 \uD83D\uDCDF \uD83D\uDCE0 \uD83D\uDD0B \uD83D\uDD0C \uD83D\uDCBB \uD83D\uDCBD \uD83D\uDCBE \uD83D\uDCBF \uD83D\uDCC0 \uD83C\uDFA5 \uD83C\uDFA6 \uD83C\uDFAC \uD83D\uDCFA \uD83D\uDCF7 \uD83D\uDCF9 \uD83D\uDCFC \uD83D\uDD05 \uD83D\uDD06 \uD83D\uDD0D \uD83D\uDD0E \uD83D\uDD2C \uD83D\uDD2D \uD83D\uDCE1 \uD83D\uDCA1 \uD83D\uDD26 \uD83C\uDFEE \uD83D\uDCD4 \uD83D\uDCD5 \uD83D\uDCD6 \uD83D\uDCD7 \uD83D\uDCD8 \uD83D\uDCD9 \uD83D\uDCDA \uD83D\uDCD3 \uD83D\uDCD2 \uD83D\uDCC3 \uD83D\uDCDC \uD83D\uDCC4 \uD83D\uDCF0 \uD83D\uDCD1 \uD83D\uDD16 \uD83D\uDCB0 \uD83D\uDCB4 \uD83D\uDCB5 \uD83D\uDCB6 \uD83D\uDCB7 \uD83D\uDCB8 \uD83D\uDCB1 \uD83D\uDCB2 \uD83D\uDCB3 \uD83D\uDCB9 \u2709\uFE0F \uD83D\uDCE7 \uD83D\uDCE8 \uD83D\uDCE9 \uD83D\uDCE4 \uD83D\uDCE5 \uD83D\uDCE6 \uD83D\uDCEB \uD83D\uDCEA \uD83D\uDCEC \uD83D\uDCED \uD83D\uDCEE \u270F\uFE0F \u2712\uFE0F \uD83D\uDCDD \uD83D\uDCBC \uD83D\uDCC1 \uD83D\uDCC2 \uD83D\uDCC5 \uD83D\uDCC6 \uD83D\uDCC7 \uD83D\uDCC8 \uD83D\uDCC9 \uD83D\uDCCA \uD83D\uDCCB \uD83D\uDCCC \uD83D\uDCCD \uD83D\uDCCE \uD83D\uDCCF \uD83D\uDCD0 \uD83D\uDCDB \u2702\uFE0F \uD83D\uDD12 \uD83D\uDD13 \uD83D\uDD0F \uD83D\uDD10 \uD83D\uDD11 \uD83D\uDD28 \uD83D\uDD27 \uD83D\uDD29 \uD83D\uDD17 \uD83D\uDC89 \uD83D\uDC8A \uD83D\uDD2A \uD83D\uDD2B \uD83D\uDEAC \uD83C\uDFC1 \uD83D\uDEA9 \uD83C\uDDE8\uD83C\uDDF3 \uD83C\uDDEB\uD83C\uDDF7 \uD83C\uDDE9\uD83C\uDDEA \uD83C\uDDEE\uD83C\uDDF9 \uD83C\uDDEF\uD83C\uDDF5 \uD83C\uDDF7\uD83C\uDDFA \uD83C\uDDF0\uD83C\uDDF7 \uD83C\uDDEA\uD83C\uDDF8 \uD83C\uDDEC\uD83C\uDDE7 \uD83C\uDDFA\uD83C\uDDF8 \u2B06\uFE0F \u2197\uFE0F \u27A1\uFE0F \u2198\uFE0F \u2B07\uFE0F \u2199\uFE0F \u2B05\uFE0F \u2196\uFE0F \u2195\uFE0F \u2194\uFE0F \u21A9\uFE0F \u21AA\uFE0F \u2934\uFE0F \u2935\uFE0F \uD83D\uDD03 \uD83D\uDD04 \uD83D\uDD19 \uD83D\uDD1A \uD83D\uDD1B \uD83D\uDD1C \uD83D\uDD1D \uD83D\uDD30 \uD83D\uDD2E \uD83D\uDD2F \u267B\uFE0F \u26A1 \u2B50 \u2B55 \u2705 \u2611\uFE0F \u2714\uFE0F \u2716\uFE0F \u274C \u274E \u2795 \u2796 \u2797 \u27B0 \u27BF \u303D\uFE0F \u2733\uFE0F \u2734\uFE0F \u2747\uFE0F \u203C\uFE0F \u2049\uFE0F \u2753 \u2754 \u2755 \u2757 \u3030\uFE0F \u00A9\uFE0F \u00AE\uFE0F \u2122\uFE0F \uD83D\uDCAF \uD83D\uDD1E \uD83D\uDD20 \uD83D\uDD21 \uD83D\uDD22 \uD83D\uDD23 \uD83D\uDD24 \uD83C\uDD70\uFE0F \uD83C\uDD8E \uD83C\uDD71\uFE0F \uD83C\uDD91 \uD83C\uDD92 \uD83C\uDD93 \u2139\uFE0F \uD83C\uDD94 \u24C2\uFE0F \uD83C\uDD95 \uD83C\uDD96 \uD83C\uDD7E\uFE0F \uD83C\uDD97 \uD83C\uDD7F\uFE0F \uD83C\uDD98 \uD83C\uDD99 \uD83C\uDD9A \uD83C\uDE01 \uD83C\uDE02\uFE0F \uD83C\uDE37\uFE0F \uD83C\uDE36 \uD83C\uDE2F \uD83C\uDE50 \uD83C\uDE39 \uD83C\uDE1A \uD83C\uDE32 \uD83C\uDE51 \uD83C\uDE38 \uD83C\uDE34 \uD83C\uDE33 \u3297\uFE0F \u3299\uFE0F \uD83C\uDE3A \uD83C\uDE35 \u25AA\uFE0F \u25AB\uFE0F \u25FB\uFE0F \u25FC\uFE0F \u25FD \u25FE \u2B1B \u2B1C \uD83D\uDD36 \uD83D\uDD37 \uD83D\uDD38 \uD83D\uDD39 \uD83D\uDD3A \uD83D\uDD3B \uD83D\uDCA0 \uD83D\uDD18 \uD83D\uDD32 \uD83D\uDD33 \u26AA \u26AB \uD83D\uDD34 \uD83D\uDD35 \uE50A \uD83C\uDDE6 \uD83C\uDDE7 \uD83C\uDDE8 \uD83C\uDDE9 \uD83C\uDDEA \uD83C\uDDEB \uD83C\uDDEC \uD83C\uDDED \uD83C\uDDEE \uD83C\uDDEF \uD83C\uDDF0 \uD83C\uDDF1 \uD83C\uDDF2 \uD83C\uDDF3 \uD83C\uDDF4 \uD83C\uDDF5 \uD83C\uDDF6 \uD83C\uDDF7 \uD83C\uDDF8 \uD83C\uDDF9 \uD83C\uDDFA \uD83C\uDDFB \uD83C\uDDFC \uD83C\uDDFD \uD83C\uDDFE \uD83C\uDDFF'
  },

  script = document.createElement('SCRIPT');
  script.type = 'text/javascript';
  script.src = 'http://twemoji.maxcdn.com/twemoji.min.js';

  document.getElementsByTagName('HEAD')[0].appendChild(script);
  document.write('<style type="text/css">.sceditor-button-twemoji div{background:url(http://twemoji.maxcdn.com/16x16/1f600.png)!important}.sceditor-twemoji{width:220px;height:250px;overflow-y:auto}.sceditor-twemoji img{cursor:pointer;padding:3px}.sceditor-twemoji img:hover{opacity:.7}</style>');

  $(function(){
   if ($.sceditor) {

   // create sceditor button and drop down
   $.sceditor.command.set('twemoji', {
   dropDown : function(editor, caller, callback) {

   if (!fa_twemoji.element) {
   fa_twemoji.element = document.createElement('DIV');
   fa_twemoji.element.innerHTML = twemoji.parse(fa_twemoji.emoji_list, {
   size : fa_twemoji.emoji_size,
   attributes : function() {
   return {
   style : 'display:none;'
   };
   }
   }).replace(/\s(?=<|$)/g, '');

   // load handler for images to lighten the deployment of emoji
   // it displays and loads one image at a time rather all at once which can make the browser unresponsive
   if (fa_twemoji.async_load) {
   fa_twemoji.image = {
   collection : $('img', fa_twemoji.element),
   index : 0,
   timeout : [0, 6000], // timeout after 6000 attempts on 1 image

   load : window.setInterval(function() {
   if (fa_twemoji.image.collection[fa_twemoji.image.index].complete) {
   fa_twemoji.image.index++;

   if (fa_twemoji.image.collection[fa_twemoji.image.index]) {
   fa_twemoji.image.collection[fa_twemoji.image.index].style.display = '';
   fa_twemoji.image.timeout[0] = 0;
   } else {
   window.clearInterval(fa_twemoji.image.load);
   fa_twemoji.image.load = 'COMPLETE';
   }

   } else if (++fa_twemoji.image.timeout[0] > fa_twemoji.image.timeout[1]) {
   window.clearInterval(fa_twemoji.image.load);
   fa_twemoji.image.load = 'ERROR';
   }
   }, 10)
   };

   fa_twemoji.image.collection[fa_twemoji.image.index].style.display = ''; // start loading
   } else {
   $('img', fa_twemoji.element).show();
   }
   }

   $(fa_twemoji.element).click(function(e) {
   var target = e.target;
   if (target.tagName == 'IMG') {
   callback(target.src);
   fa_twemoji.auto_close && editor.closeDropDown(true);
   }
   });

   editor.createDropDown(caller, 'twemoji', fa_twemoji.element);
   },

   // wysiwyg
   exec : function(c) {
   var e = this;
   $.sceditor.command.get('twemoji').dropDown(e, c, function(icon) {
   e.insert(' [img]' + icon + '[/img] ', '', true, true, true);
   });
   },

   // source
   txtExec : function(c) {
   var e = this;
   $.sceditor.command.get('twemoji').dropDown(e, c, function(icon) {
   e.insert(' [img]' + icon + '[/img] ', '', true, true, true);
   });
   },

   tooltip : fa_twemoji.button_title
   });

   toolbar = toolbar.replace(/date,/,'twemoji,date,'); // add the button to the toolbar
   }
  });

  if (!window.fa_twemoji) {
   window.fa_twemoji = config;
  }
}());

barre recherche tag

Code:: $(function(){
  if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;

  $.sceditor.command.set('mention', {
   dropDown : function(editor, caller, callback) {
   var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT'), s = document.createElement('SELECT');
   b.type = 'button';
   b.value = 'Insert';
   b.className = 'button';

   c.type = 'text';
   c.id = 'fa-mention';
   c.onkeyup = function() {
   var val = this.value;

   $.get('/memberlist?mode=username&order&username=' + encodeURIComponent(val) + '&change_version=prosilver', function(d) {
   var avatar = $('.avatar-mini', d),
   select = document.getElementById('faMemberList'),
   str = '<option value="' + val + '">' + val + '...</option>',
   i = 0, j = avatar.length, t;

   for (; i < j; i++) {
   t = $(avatar[i]).text().replace(/^\s|\s$/g, '');
   str += '<option value="' + t + '">' + t + '</option>';
   }

   select.innerHTML = str;
   });
   };

   a.innerHTML = '<div><label for="fa-mention">Pseudo de l\'utilisateur :</label></div><div><label>Mentionner un membre :</label></div><div></div>';
   a.firstChild.appendChild(c);
   a.lastChild.appendChild(b);

   s.innerHTML = '<option value="">Trouver un nom d\'utilisateur</option>';
   s.id = 'faMemberList';
   s.onchange = function() {
   c.value = s.value;
   };

   a.getElementsByTagName('DIV')[1].appendChild(s);

   b.onclick = function() {
   c.value && callback(c.value);
   editor.closeDropDown(true);
   };

   editor.createDropDown(caller, 'insertmention', a);
   },

   exec : function(c) { mention(c, this) },
   txtExec : function(c) { mention(c, this) },

   tooltip : 'Mentionner un membre'
  });

  toolbar = toolbar.replace(/quote,/,'mention,quote,');

  function mention(c, e) {
   $.sceditor.command.get('mention').dropDown(e, c, function(pseudo) {
   e.insertText('@"' + pseudo + '" ');
   });
  }
});

sélectionner le contenu

Code:: function selectCode(e) {
   var s = $(e).closest("dl").find(".cont_code,code").get(0), range, selection;
   var a = s, z = s;
   while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild;
   while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild;
   if (!$(a).is('.fixff')) {
   var fix = $('<span class="fixff"/>').insertBefore(a);
   } else {
   a = a.nextSibling;
   }
   if (document.body.createTextRange) {
   range = document.body.createTextRange();
   range.moveToElementText(s);
   range.select();
   } else if (window.getSelection) {
   selection = window.getSelection();
   range = document.createRange();
   range.setStart(a, 0);
   range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);
   selection.removeAllRanges();
   selection.addRange(range);
   }
};
$(function(){$("dl.codebox:not(.spoiler,.hidecode) > dd.code, dl.codebox:not(.spoiler,.hidecode) > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">TOUT SELECTIONNER</span>')});

retirer virgule

Code:: $(function(){
   $('.ListeSousForums').each(function(){
   $(this).html($(this).html().replace(/<\/a>,/ig, '</a>'));
   });
});

Messages : 1394 Date d'inscription : 28/11/2011

FEUILLE DE CSS

Code:: /* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }

/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

.boutonhautbas {
   bottom: 40px;
   right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
   position: fixed;
   z-index: 100;
}

#fa_toolbar {
   background-color: transparent !important; /* Rend transparent le fond principal */
}

#fa_right {
   font-family:Arial;
  font-size:10px;
  text-transform:uppercase;
   background-color: #adbdba; /* Couleur de fond */
   border-radius: 0 0 0 0px; /* Arrondis les angles */
   padding-left: 10px; /* Règle la marge intérieure gauche */
   padding-right: 10px; /* Règle la marge intérieure droite */
}

#fa_left {
   background-color: #color; /* Couleur de fond */
   margin-top: -100px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
   padding-left: 10px; /* Règle la marge intérieure gauche */
   padding-right: 10px; /* Règle la marge intérieure droite */
}

span#fa_share {display:none!important;}
div#fa_search {display:none!important;}
a#fa_hide {display: none!important;}

#fa_menu #fa_usermenu table {
  color: #626161;
  padding-bottom:10px; font-family:Arial;
  font-size:10px;
}
#fa_menu #fa_menulist li a {
  color: #626161 !important;padding-bottom:5px; font-family:Arial;
  font-size:10px;
}

/*Liste des notifs*/
ul#notif_list, li.unread{
   position: relative;
   left: 0;
  font-size:10px;
   text-transform:lowercase;
   margin-top: 5px !important;
   background: ccd3c4;
   text-align: left;
}

div.fa_notification {
   position: relative;
   left: 0;
   background: #eaebe4;
}

li.see_all {
   color: #cad2d6;
}

/*-----BOUTON REPONSE RAPIDE-----*/
#quick_reply input {
   font-weight: bold; /*-- texte en gras --*/
   color: #6d6f6e;
  border: none;
  padding:10px;
   font-family: 'Comfortaa', cursive;
  text-transform:uppercase;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

#post input {
   font-weight: bold; /*-- texte en gras --*/
   color: #6d6f6e;
  border: none;
  padding:10px;
   font-family: 'Comfortaa', cursive;
  text-transform:uppercase;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

/*----CONNEXION RAPIDE----*/
#quickloginform_overlay {
   background-color:#333;
   height:100%;
   left:0;
   opacity:0.7;
   position:fixed;
   top:0;
   width:100%;
}
#quickloginform {
   height:100%;
   position:fixed;
   top:20%;
   width:100%;
}
#quickloginform>form {
   background-color:#fff;
   box-sizing:border-box;
   margin:auto;
   padding:20px 30px;
   width:360px;
   border-radius:3px;
}
#quickloginform input[type="password"],#quickloginform input[type="text"] {
   background:#f2f2f2 none repeat scroll 0 0;
   border:0 none;
   box-sizing:border-box;
   font-family:"Helvetica";
   font-size:14px;
   margin:0 0 15px;
   outline:0 none;
   padding:15px;
   width:100%;
}
#quickloginform button {
   background-color:#cad3c7;
   border:0 none;
   color:#ffffff;
   cursor:pointer;
   font-family:"Helvetica";
   font-size:14px;
   outline:0 none;
   padding:15px;
   text-transform:uppercase;
   width:100%;
}
#quickloginform p:nth-child(n) {
   margin-bottom:0;
   margin-top:20px;
   text-align:center;
}
#quickloginform form p {
   color:#cad3c7;
   font-size:11px;
}
#quickloginform form a {
   color:#686862;
   text-decoration: none;
}

/* ----- PA PAR SHERLOCK - MERCI DE PAS RETIRER LE COPYRIGHT VOUS SEREZ MIGNONS ----- */

.PA3_background {
  width: 790px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
}

.PA3_titre {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font: 28px "Abril Fatface", cursive;
  color:#2aac9b;
  text-transform: uppercase;
  border-right: 1px #2aac9b solid;
  height: 313px;
  margin-top: 10px;
}

.PA3_liensutiles {
  font-size: 9px;
   font-family: 'Comfortaa', cursive;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  width: 130px;
background:#afc0bc;
  padding: 5px;
  text-align: center;
  margin: 10px 0 -5px 5px;
}

.PA3_predefini {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 1px #afc0bc solid;
  padding: 2px;
  margin: 14px 4px -10px 8px;
}

.PA3_predefini img {
  width: 100%;
}

.PA3_image {
  width: 145px;
  margin-top: 10px;
  margin-bottom:10px;
}

.PAtopsite {
  display: inline-block;
   padding: 5px;
   color: #656466;
font-family: 'Playfair Display', serif;
  text-transform:uppercase;
   line-height: 10px;
   text-align: center;
}

.PAtopsite3 {
  display: inline-block;
   padding: 5px;
   color: #656466;
font-family: Arial;
  height: 18px; background: #e9eae3;
  text-transform:lowercase;
   line-height: 10px;
   text-align: center;
}

.PA3_image img {
  width: 100%;
}

.PA_entoure2 {
   width: 230px;
}

.PA3_titlecont {
  font: 20px "Abril Fatface", cursive;
   background: -webkit-linear-gradient(#849388, #dde2d9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 10px 0 0 10px;
  width: 400px;
}

.PA3_titlecont:before {
  content: "";
  width: 270px;
  height: 1px;
  background: #e1e4da;
  position: absolute;
  margin: 30px 0 0 0;
}

.PA3_texte {
  padding: 10px;
  margin: 10px 0 0 0px;
  width: 400px;
   height: 45px;
  text-align: justify;
  color: #000000;
   overflow: auto;
}

.PA3_barre {
  padding: 5px;
  margin: 5px 0 0 0px;
  width: 405px;
  background-color: #bcc5c2;
  font: 10px;
  text-align: justify;
  color: #fff;
}

.PA3_entourenews {
  height: 90px;
   overflow: auto;

}

.PA3_date {
   display: inline-block;
   padding: 5px;
   margin: 10px 0 0 0px;
   width: 40px;
   height: 10px;
   background-color: #656466;
   font: 8px "Abril Fatface", cursive;
   line-height: 10px;
   text-align: center;
   color: #fff;

}

.PA3_news {
  display: inline-block;
  padding: 4px;
  width: 330px;
  text-align: justify;
  color: #000000;

}

.PA3_entourenews::-webkit-scrollbar {
display:none;
}

.PA3_news::-webkit-scrollbar {
display:none;
}

.PA3_blockparto {
  width: 800px;
   height: 20px;
  margin: 5 auto;
  outline: 0px solid #8c0f0f;
  outline-offset: 1px;
  background-image: #e6e8df;
}

.PA3_parto {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px #fff solid;
  padding: 2px;
  margin: 12px -5px 0 23px;
}

.PA3_parto img {
  width: 100%;
}

.credits{
  display: inline-block;
  background:#e6e8df;
  width: 800px;
  text-align: center;
  color: #666665;
  padding-top:5px;
  padding-bottom:2px;
}

/*----- QUI EsT EN LIGNE-------*/

/* QEEL */
.QEEL {
margin:auto; width:800px;
}
/* BLOC TITRE QEEL */
.tleQEEL {
margin-bottom:20px;
width:790px;
margin-top:10px;
  text-align:left;

}
/* TITRE QEEL */
.tleQEEL a.cattitle {
font-size:24px;
color:#524c4c;
   padding:25px;
  text-transform:uppercase;
   font-family: 'Big Shoulders Inline Text', cursive;
   border-bottom: 0px solid #ffffff;
  text-shadow: 1px 1px #FFFFFF;/* MODIFIABLE */

}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute;margin-left:150px;
  margin-top:-4px;
width:485px; text-align:cecnter;
}
/* TOTAL MEMBRES */
.tlMQEEL {
  padding:2px;
font-family: 'Playfair Display', serif;
font-size:10px; text-transform:lowercase;
  letter-spacing:1px;
  font-style:italic;
  display:inline-block;
   text-shadow: 1px 1px #FFFFFF;
  text-align:center;
   border-bottom: 3px solid #83858d; /* MODIFIABLE */
}
/* TOTAL MESSAGES */
.tlPQEEL {
  padding:2px;
font-family: 'Playfair Display', serif;
font-size:10px; text-transform:lowercase;
  letter-spacing:1px;
  font-style:italic;
  display:inline-block;
   text-shadow: 1px 1px #FFFFFF;
  text-align:center;
   border-bottom: 3px solid #83858d; /* MODIFIABLE *//* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
text-align:center; font-size:13px;
margin-left:220px;
margin-top:-30px;
background:#color; color:black; text-transform:uppercase;
  font-family: 'Playfair Display', serif;/* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
  font-family: Verdana;
  text-transform:lowercase;
display:inline-block; vertical-align:top;
width:295px; height:130px; padding:5px; overflow:auto;
background:#e8ebe5; color:#000000; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
  text-transform:lowercase; font-family: Verdana;
display:inline-block; vertical-align:top; margin:0 10px;
width:285px; height:130px; padding:5px; overflow:auto;
background:#e4e5db; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important; font-size:11px;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
color:#000000; font-size:11px; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:180px; height:140px; overflow:hidden;
text-align:center; font-size:12px; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
display:block; margin-bottom:5px;
height:19px; padding:5px 0 0; overflow:hidden;
  font-family: 'Comfortaa', cursive;
}

/*********************************** NAVIGATION ***********************************/
.navigation {
  margin-top:-22px;
   text-align: center;
background: #adbdba;
white-space: pre-wrap;
}

.mainmenu[href="/faq"]{display:none;}

.navigation img {
   display: none;
}

.navigation a::before {
   background: url(img) no-repeat;
   content: "";
   width: 5px;
   height: 12px;
}

.navigation a {
   font-family: 'Special Elite', cursive;
   font-size: 11px;
  padding-right:14px;
  padding-bottom:5px;
  padding-top:5px;
   text-transform:lowercase;
   transition: .5s all;
   color: #ffffff;
   display: inline-flex;

}

.navigation a:hover {
   color: #49494e;
   text-underline-position: under;
}



/*----- NAVIGATION RAPIDE-----*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900');
body {

  overflow-x: hidden;
}
#sidebar {
  position: absolute;
  top: 100px;
  left: 0;
  height: 50px;
  width: 300px;
  background: #color;
  box-sizing: border-box;
  padding: 40px;
  font-family: 'Source Sans Pro', sans-serif;
  z-index: 999;
}
#sidebar.medium {
  width: 350px;
  padding: 30px;
}
#sidebar.right {
   right: 0;
   left: initial !important;
}
#sidebar.right #sidebar-trigger {
   left: 10px;
  right: initial !important;
}
#sidebar.right.medium {
   padding: 30px 10px 30px 40px;
}
#sidebar a, #sidebar a:hover, #sidebar a:active {
text-decoration: none!important;
}
#sidebar a,#sidebar a:hover,#sidebar a:active {
  text-decoration: none;
}
#sidebar a {
   color: #ffffff;
   outline: none;
   transition: color 0.3s ease-in;
}
#sidebar a:hover {
   color: #808080 !important;
}
#sidebar-trigger {
  position: absolute;
  right: 10px;
  top: 15px;
  display: block;
  height: 21px;
  width: 25px;
}
#sidebar-trigger span {
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 8px;
  background: #f2f2f2;
  position: relative;
  margin-top: 8px;
}
#sidebar-trigger span:after,#sidebar-trigger span:before {
  content:"";
  width: 25px;
  height: 3px;
  border-radius: 8px;
  background: #f2f2f2;
  position: absolute;
  transition: all 0.2s;
}
#sidebar-trigger span:after {
  margin-top: 8px;
}
#sidebar-trigger.active span:after {
  transform: rotate(-45deg);
  margin-top: 0px;
}
#sidebar-trigger span:before {
  margin-top: -8px;
}
#sidebar-trigger.active span:before {
  transform: rotate(45deg);
  margin-top: 0px;
}
#sidebar-trigger.active span {
   background-color: transparent;
   transition: all 0.2s;
}
#sidebar h2 {
  color: #f2f2f2;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 1px;
  position: relative;
}
#sidebar h2:after {
  content: "";
  height: 2px;
  width: 20px;
  position: absolute;
  left: 0;
  bottom: -7px;
  background: #f2f2f2;
}
#sidebar .sidebar-txt {
  color: #808080;
  text-align: justify;
  font-size: 11px;
  position: relative;
}
#sidebar .sidebar-txt.contexte {
  margin-bottom: 40px;
}
#sidebar .sidebar-txt.contexte:after {
  content: "";
  height: 1px;
  width: 100px;
  position: absolute;
  left: 0;
  bottom: -20px;
  background: #808080;
}
#sidebar.medium .sidebar-txt.contexte {
  margin-right: 10px;
}
#sidebar .title {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  margin-bottom: 15px;
  font-size: 11px;
}
#sidebar .sidebar-block {
  margin-bottom: 20px;
}
#sidebar ul {
  padding: 0;
  list-style-type: none;
}
#sidebar #liens a {
   color: #808080;
   font-size: 12px;
   outline: none;
   line-height: 1.9;
   transition: color 0.3s ease-in;
   display: inline-block;
   background: #e9e9eb;
   padding: 0 10px;
   text-transform: uppercase;
   font-size: 10px;
   letter-spacing: 1px;
   margin-right: 4px;
   margin-bottom: 4px;
}
#sidebar ul li a:hover {
   color: #808080 !important;
}
#sidebar #partenaires a {
  display: inline-block;
  padding: 3px;
  height: 50px;
  border: 1px solid #ccc;
  margin: 0 5px 7px 0;
}
#sidebar.medium #partenaires a {
   margin: 0 2px 5px 0;
}

.clear {
   clear: both;
}

.bodyline {
  padding-top: 20px;
  border: 0;
}

#page-body {
  padding: 0 0 px;
}
#i_logo {
margin-top: 0%;
}

.boutonhautbas {
   bottom: 40px;
   right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
   position: fixed;
   z-index: 100;
}

/*---------CATEGORIE ----------*/

.forum_stats {
   float: left;
   width: 8%;
   text-align: center;
   font-size: 7.4px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1.3;
}

.forum_stats div {
   background: #e8e8e8;
   padding: 10% 0;
   border: 1px solid #f5f5f5;
}

.forum_stats div span {
   color: #96a6d2;
   display: block;
   font-size: 12px;
}
/* BLOC TITRE CATEGORIE */
.tleCAT{
  background: url('https://zupimages.net/up/20/46/drmv.jpg');
width:100%; padding-top:5px; text-align:right;
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-family: 'Playfair Display', serif;
font-size:13px;
  text-transform:uppercase;
  font-weight:lighter;
color:#727e78; /* MODIFIABLE */
padding: 5px;
  text-shadow: 2px 2px #FFFFFF;
  letter-spacing:1px;
  text-align:center;
   border-bottom: 2px solid #FFFFFF;
}

/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:790px; padding:5px 0px 5px; border-radius:0px;
background:#color; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:auto; width:780px;
}
/* TITRE FORUM */
.tleFRM {
font-family: 'Playfair Display', serif;font-weight:bold ;text-transform:uppercase; font-size:12px; padding:3px; color:#727e78; margin-left:5px; margin-right:6px; display: inline;margin-top:5px;
height: 8px; background: #e9eae3;
  position: absolute;}

.tleFRM a{ font-size: 15px;
color:#727e78 !important; font-weight:bold; font-size:12px;/* MODIFIABLE */
}
/* SURVOL TITRE FORUM */
.blocFRM:hover .tleFRM {
color:#d2b563;
}
/* BLOC FORUM */
.FRM {
margin:3px auto; width:790px; text-align:center;
}
/* ICÔNES FORUM */
.imgFRM{
display:inline-block; vertical-align:top; margin-top:-10px; margin-right :0px; padding-bottom:5px;
width:150px; height:20px; border-radius:0px;
}
/* BLOC POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* DESCRIPTION FORUM */
.descFRM {
margin-bottom:5px;
width:460px; height:75px; padding-top:5px; overflow:auto; border-radius:13px;
font-size:11px; text-align:justify; line-height:15px;
background:color; color:black; /* MODIFIABLE */
  font-family:helvetica;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
/* SOUS-FORUMS */
.sfFRM {
width:475px; height:5px; padding-right:11px; margin-bottom:15px;
color:black; /* MODIFIABLE */
font-size:11px; text-align:left; text-transform:lowercase; }

/* LIENS SOUS-FORUMS */
.sfFRM a.gensmall {
font-size:11px; font-style:italic; font-family:Arial;
color:#000000 !important; background:#f0f0f0; height:2px; margin-bottom:15px;/* MODIFIABLE */
}

/* BLOC AVATAR DERNIER POSTEUR FORUM */
#avaFRM {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:20px; margin-left:20px;
border-radius:1px;
background:#dfe3da; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
margin:auto; padding:2px;
overflow:hidden; border-radius:5px;
}
.avaFRM img {
width:45px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:-10px;
width:150px; padding:0 0px;
  font-family:Arial;
  background: rgb(233,235,228);
background: -moz-linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
background: -webkit-linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
background: linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9ebe4",endColorstr="#e2e3d9",GradientType=1);
   border: 1px solid #ededed;
text-align:center; font-size:10px; text-transform:uppercase;
color:black;
/* MODIFIABLE */
}
/* COULEUR TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a{
color:#black !important; /* MODIFIABLE */
}

/* NOMBRE SUJETS FORUM */
.nbFRM {
margin-top:-2px; width:250px; padding:2px;
font-family: 'Playfair Display', serif;
font-size:10px; text-transform:lowercase; text-align:left;
  letter-spacing:1px;
  font-style:italic;
background: ; margin-left:310px;
  text-align : center;/* MODIFIABLE */
   text-shadow: 1px 1px #FFFFFF;
  text-align:center;
   border-bottom: 3px solid #FFFFFF;
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-top:5px;
background:#eae4c1; color:white; /* MODIFIABLE */
}

/*---------LISTING DES MEMBRES-------------*/

/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:765px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:755px;
background: #;
   text-shadow: 2px 2px #FFFFFF;/* MODIFIABLE */
  color:white;
}
/* TITRE ENTÊTE */
.tleLMBER th { font-family: 'Comfortaa', cursive;
font-size:13px; text-transform:uppercase;
  font-weight:lighter;
color:#929998; /* MODIFIABLE */
padding: 10px;
  letter-spacing:4px;
  text-align:center;


}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:245px; height:125px; overflow:hidden;
}
/* BLOC NOMBRE MESSAGES / INSCRIPTION / DERNIERE VISITE */
.boxLMBER {
width:225px; height:80px; padding:10px 10px 0;
font-family:Arial; text-align:center; text-transform:lowercase; line-height:14px;
background:#e8ebe4 /* MODIFIABLE */
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DATE INSCRIPTION */
.joinLMBER{
margin-top:5px; width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; width:150px; padding:3px 0;
background:rgba(255,255,255,0.6); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* AVATAR */
.imgLMBER {
position:absolute; margin-left:160px;
width:65px; height:105px; overflow:hidden;
}
.imgLMBER img{
width:66px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* BLOC IMAGES MP & WWW */
.btnLMBER {
position:absolute; z-index:3; margin-left:160px;
width:65px; height:75px; padding-top:30px;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s linear; -webkit-transition:opacity 0.45s linear;
}
.btnLMBER:hover {
opacity:1;
}
.btnLMBER img{
max-width:55px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
.btnLMBER a {
display:block; margin-bottom:5px;
}
/* TRIANGLE PSEUDONYME */
.triLMBER {
position:absolute; margin-left:10px;
width:0; height:0; border-style:solid; border-width:0 7.5px 13.0px 7.5px; border-color:transparent;
border-bottom-color:#e8ebe4; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* BLOC PSEUDONYME */
.nameLMBER{
margin-top:10px; width:235px; padding:5px 0 5px 10px;
text-align:left; text-transform:uppercase; font-family:Arial; font-size:10px;
background:#e8ebe4; /* MODIFIABLE - COULEUR PAR DEFAUT */color:white;
}
/* PSEUDONYME */
.nameLMBER span strong{
color:white; /* MODIFIABLE */
}

/*----------PROFIL--------------*/

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
background: url('https://zupimages.net/up/20/46/drmv.jpg'); /* MODIFIABLE */
  font-family: 'Comfortaa', cursive;
font-size:16px; text-transform:uppercase;
  font-weight:lighter;
color:#6F736D; /* MODIFIABLE */
padding: 10px;
  letter-spacing:4px;
  text-align:left;
   border-bottom: 3px solid #FFFFFF;
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:130px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:11px; text-align:center;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:43px; padding:5px;
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; width:590px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:75px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:#e9ebe4; color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:#e9ebe4; color:black !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:top;
width:400px; height:27px; padding-top:13px;
text-align:center; font-size:11px;
background:#e2e3d9; color:#; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;
width:460px; height:250px; padding:10px; overflow:auto; font-size:11px;
background: #e9ebe4; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px;
width:100px; height:255px; padding-top:15px; text-align:center;
background: #c1d0cb; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px; max-width:80px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}

/* -------PRESENTATION DU SUJET MESSAGE ------ */
/* TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 15px;
background: url('https://zupimages.net/up/20/46/drmv.jpg');
color:#727e78; /* MODIFIABLE */
   text-shadow: 1px 1px #FFFFFF;/* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:16px; font-family: 'Playfair Display', serif; letter-spacing: 5px;
}
/* NAVIGATION SUJET */
.navPOST {
padding-top:5px; border-top:1px solid;
font-size:11px; text-transform:uppercase; font-family: 'Special Elite', cursive;
border-top-color:#ffffff; color:#97a7a0;
  text-align:center;/* MODIFIABLE */
  letter-spacing: 2px;
  font-weight:lighter;
   text-shadow: 1px 1px #FFFFFF;/* MODIFIABLE */
}
/* LIENS NAVIGATION SUJET */
.navPOST a {
font-size:9px; text-transform:uppercase; font-family: 'Special Elite', cursive;
color:#6d6f6e;
  text-align:center;/* MODIFIABLE */
}
/* BLOC PSEUDONYME & RANG */
.namePOST {
margin:auto; padding:8px; background: url('img');
background-repeat: X; font-size:19px; text-align:center;
   font-family: 'Special Elite', cursive; text-transform:uppercase;
  border-radius: 0px 0px 0px 0px;letter-spacing: 1px; color:#ffffff;
}
/* COULEUR PSEUDONYME */
.namePOST strong {
color:#ffffff; font-size:13px;/* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
letter-spacing:1px;
   font-family: 'Special Elite', cursive;
   font-size: 11px;
   letter-spacing: 1px;
   margin-bottom: 8px;
   margin-left: 0px;
   margin-top: 0px;
  text-align:center;
   text-shadow: 2px 2px #FFFFFF;/* MODIFIABLE */
   padding: 5px 5px;
  color:#696b6b;
  text-transform:lowercase;
   background: url('https://zupimages.net/up/20/46/drmv.jpg');
   word-spacing: 0; /* MODIFIABLE */
}

/* TRAIT TEXTE RANG */
.rankPOST::before {
content:''; display:inline-block; vertical-align:middle; margin-right:5px;
width:20px; height:1px; text-shadow: 1px 1px #FFFFFF;/* MODIFIABLE */
background-color:#696b6b;}

/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding-right:0px;
background:#e9e9e9; /* MODIFIABLE */
}
/* TAILLE AVATARS */
.avaPOST img {
min-width:200px !important; /* MODIFIABLE */
  padding:0px ; text-align:center; border:0px solid; border-color:#e1dbc2; background: #dbd0cc important;
}

/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:2px auto 0;
text-align:justify; height: 210px;
overflow-y: auto;
overflow-x: hidden;
  background:#e9e9e9;

}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-top:3px;
text-transform:lowercase; font-size:11px;
background:#e9e9e9; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span {
font-weight:bold ; padding-left:2px;
  padding : -50px;/* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:10px auto 0; padding:5px;
text-transform:uppercase; font-size:9px; font-family:Arial;
background:#e9e9e9 color:black; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}


/* BLOC MESSAGE */
.msgPOST {
background:color; /* MODIFIABLE */
}
/* BLOC DATE MESSAGE / OUTILS MODERATION */
.DTPOST {
width:90p; padding:1%;
  border: 0px solid #e2d1bf;
text-align:right; font-family:Arial;
  margin-left:8px; margin-right:8px;
background: #adbdba;
}
/* DATE MESSAGE */
.datePOST {
display:inline-block; vertical-align:middle;
font-size:11px; text-transform:uppercase;
color:black; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle; margin-left:15px;
}
/* APPARENCE MESSAGE */
div.postbody {
padding:15px; text-align:justify;
color:black; /* MODIFIABLE */
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
padding:5px 0; text-align:center; line-height:0;
background:#d7d8d3; /* MODIFIABLE - COULEUR DES INVITES */
}
.ktactPOST img {
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* BLOC PAGINATION & NAVIGATION BAS SUJET */
.btmPOST {
margin-top:5px; padding:0 7px 5px;
color:black; /* MODIFIABLE */
background: #d7d8d3;
}

Messages : 1394 Date d'inscription : 28/11/2011

FEUILLE DE CSS (suite)

Code:: /*----------- MESSAGERIE PRIVEE*-------------------/
*/*CUSTOMISATION DE LA BOITE DE RÉCEPTION PAR AWFUL*/
/*Boite MP*/
#mp {
   font-family: 'Roboto', sans-serif;
   background: #ccc;
}
/*Header*/
.mp-header {
   align-items: center;
   display: flex;
   justify-content: space-between;
   padding: 10px;
   background: #e4e5db;
   color: #black;
}
/*Liens du header*/
.mp-links {
   display: flex;
}
.mp-links div {
   margin-right: 10px;
   text-transform: uppercase;
   font-size: 10px;
   font-weight: bold;
}
.mp-links div:last-child {
   margin-right: 0px;
}
.mp-links div a {
   font-weight: normal;
   color: #615e5e;
   transition: color 0.3s ease-in-out;
}
.mp-links div a:hover {
   color: #615e5e;
}
/*Barre de pourcentage*/
.mp-percent {
   font-size: 10px;
   width: 250px;
}
.mp-percent > div {
   background: #615e5e;
   width: 100%;
   margin-top: 5px;
}
.mp-percent > div > div {
   background: #cccaca;
   display: inline-block;
}
/*Corps de la boîte*/
.mp-body {
   padding: 15px;
}
.mp-body-head {
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px;
}
.mp-body-head select {
   border: 1px solid #aaa;
}
.mp-body-head input{
   font-size: 11px!important;
}
/*Bouton nouveau*/
#mp a[href="/privmsg?mode=post"]::before {
   content: "Nouveau";
   font-family: "Montserrat", sans-serif;
   font-size: 16px;
   font-weight: 900;
   text-transform: uppercase;
   transition: color 0.3s ease-in-out;
   color: #323232;
}
#mp a[href="/privmsg?mode=post"]:hover::before {
   color: #5d5c5c;
}
#mp a[href="/privmsg?mode=post"] img {
   display: none;
}
/*Item MP*/
.mp-item {
   background: #fefefe;
   padding: 10px;
   box-sizing: border-box;
   position: relative;
   display: flex;
   justify-content: space-between;
   border-left: 5px solid #b0b0b0;
}
.mp-item + .mp-item {
   margin-top: 8px;
}
.mp-item.new-mp {
   border-left: 5px solid #7e9e8b;
}
.mp-item > img {
   display: none;
}
.mp-item > div > div:first-child {
   font-size: 11px;
   margin-bottom: 5px;
}
.mp-item > div > div:first-child > a:first-child {
   margin-right: 5px;
   color: #1d1d1d;
   font-weight: bold;
   border-right: 1px solid #ccc;
   padding-right: 5px;
}
.mp-item > div > div:nth-child(2) {
   text-transform: uppercase;
   color: #aaa;
   font-size: 9px;
   letter-spacing: 1px;
}
.mp-bottom-btn {
   padding: 10px 10px 0px;
   display: flex;
   justify-content: flex-end;
}
.mp-bottom-btn input, .mp-body-head input{
   transition: all 0.3s ease-in-out;
   border: 1px solid #aaa;
   font-family: inherit;
   text-transform: uppercase;
   font-size: 9px;
   color: #414141;
   cursor: pointer;
   background: #e9e9e9;
}
.mp-bottom-btn input:hover, .mp-body-head input:hover{
   border: 1px solid #848080;
}
.mp-bottom {
   align-items: center;
   padding: 10px;
   display: flex;
   font-size: 10px;
}
.mp-bottom a + div {
   margin-left: 10px;
}
.mp-bottom a + div strong {
   color: #575757;
}
.mp-bottom div:last-of-type {
   margin-left: auto;
}
.mp-bottom div:last-of-type a {
   color: #575757;
   transition: all 0.3s ease-in-out;
}
.mp-bottom div:last-of-type a:hover {
   color: #999;
}
.mp-bottom div:last-of-type a:last-child {
   margin-left: 10px;
}
.mp-empty {
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #969696;
}
/*------- LISTING SUJETS -----*/
/********************************************************* LISTE DES SUJETS *********************************************************/
/********************************************************* LISTE DES SUJETS *********************************************************/
/* Entête & Footer de la liste */
.boutons_footer_sujets {
   text-align: center;
   font-family: Arial, sans-serif;
   color: #FFFFFF;
}

.boutons_surveiller {
   line-height: 3;
   background: rgb(233,235,228);
background: -moz-linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
background: -webkit-linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
background: linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9ebe4",endColorstr="#e2e3d9",GradientType=1);
   color: #000000!important;
   display: inline-block;
   font-weight: 700;
   margin: 2px;
   padding: 1%;
   text-align: center;
   text-transform: uppercase;
   width: 250px;
   font-size: 10px;
   font-family: Arial, sans-serif;
   transition: .5s all;
}

.boutons_surveiller a:hover {
   color: #000000 !important;
}

.boutons_surveiller a {
   color: #000000 !important;
}

#moderer a {
   background: rgb(233,235,228);
background: -moz-linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
background: -webkit-linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
background: linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9ebe4",endColorstr="#e2e3d9",GradientType=1);
   color: #000000!important;
   display: block;
   font-size: 10px;
   line-height: 4;
   margin: auto;
   text-align: center;
   text-transform: uppercase;
   width: 250px;
}

#moderer {
   font-size: 0;
}

/* Liste */
.liste_sujet {
   background: #fdfdfd;
   width: 99%;
   color: #8f8a9e;
   margin: 0 auto 1.8rem;
   font-size: 11px;
}

.titre_liste_sujet {
   width: 100%;
   background: url('img');
   color: #504d49;
font-family: 'Zilla Slab Highlight', cursive;
   border-bottom: 7px solid #504d49;
   display: block;
   font-size: 18px;
   font-weight: 700;
   margin: 1.5rem 0 0;
   padding: 1rem 0;
   text-align: center;
   text-transform: lowercase;
}

.contenu_liste_sujet {
   width: 100%;
   text-transform:lowercase;
   font-size: 10px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   padding: 1rem 0;
}

.sujets_liste {
   width: 60%;
}

a.topictitle {
   color: #626663!important;
  font-family: 'Special Elite', cursive;
   font-size: 10px;
   margin-right: 1%;
  padding-left:10px;
   text-transform: lowercase;

}

.sujets_liste a span strong {
   font-weight: bold;
}

.description_liste_sujet {
   color: #939698;
  padding-top:4px;
   font-style: italic;
}

.dernier_message_sujet {
   background: rgb(233,235,228);
background: -moz-linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
background: -webkit-linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
background: linear-gradient(140deg, rgba(233,235,228,1) 0%, rgba(226,227,217,1) 72%, rgba(226,227,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9ebe4",endColorstr="#e2e3d9",GradientType=1);
   border: 0px solid #d7e0e0;
   color: #000000;
   font-size: 11px;
   padding: .5rem;
   text-align: center;
  text-transform:lowercase;
   width: 17rem;
}

.dernier_mess_sujet a span strong {
   font-weight: bold;
}

/********************************************************** MODIFIER CODE POUR LES MEMBRES **********************************************************/
.codebox dd {background-color: #F7F7F7;width:90%;}
.gen, .genmed, .gensmall {color: #3f4040;}

/********************************************************** SELECTIONNER LE CONTENU **********************************************************/
.selectCode { float:right; font-family: 'Abel', sans-serif; color: #2f2d63; text-transform: uppercase; cursor:pointer; font-size: 9px;}
div.cont_code { clear: right; }

/* --------------- SCROLLBAR -------------- */
::-webkit-scrollbar {width: 5.5px;height:5.5px;}
::-webkit-scrollbar-track-piece {background-color: #f3f2f1;}
::-webkit-scrollbar-thumb:vertical {background-color: #6e726c;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
::-webkit-scrollbar-thumb:horizontal{background-color: #6e726c;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
/*fin*/

/************* ?? **************/

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

a {
text-decoration: none !important;
}

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

#anniv_qeel .row1{
background:none;}

.inputbox {
   background-color: #f0eeee;
  color: #2f2e2e;
}

/* --------------------------------- FIN PROFIL --------------------------------- */

/* . ligne bodyline c'est pour la grosse bordure du forum */
/* . ligne forumline c'est pour la petite bordure du forum */
/* . ligne input textarea select c'est la bordure des boutons comme poster qui te la fend en plusieurs couleurs */

/* 1 . Général */
.bodyline { border: 1px solid #ffffff; border-radius:0px; }
body /* corps général du fond du forum */ { background-attachment:scroll; background-repeat:repeat; }

table.bodylinewidth /* réglage de la largeur du forum */ { position:relative; top:-35px; }

.forumline { border:0px solid; /* quand on veut la même bordure partout, pas besoin d'en mettre quatre */ border-radius:8px; /* quand on veut le même angle partout, une fois suffit */ }
input,textarea, select /* zones de texte : réponse ; bloc dans les fiches perso ... */{ border-radius:5px; border:5px inset #ffffff; color:#3c3c3c; background:#ebe7e7 none repeat scroll 0 0; }
.postbody /* apparence des messages postés */ { display: block; padding-left: 30px; padding-right: 30px; text-align: justify; /* avec un alignement justify ici, normalement il n'y a pas besoin de le répéter dans les autres codes */ }
tr.post span.gensmall /* pour enlever le texte d'édition d'un message */ { display:none; }

/* . ne pas toucher - Le code et le quote pourraient être réunit en un seul code si vous acceptiez de tout mettre identique en apparence. Noter .code, .quote {...} */
   .code, .spoiler_content {font-size: 11px; background-color: #ffffff; color: #3f3f3f; border: 2px solid #ffffff; padding: 15px; line-height: 10px; box-shadow: inset 0px 0px 6px #f9f9f9; -webkit-border-radius: 5px; border-radius: 5px;}
.quote {font-size: 11px; background-color: #ffffff; color: #403838; border: 2px solid #ffffff; padding: 8px; line-height: auto; box-shadow: inset 0px 0px 6px #e2dfdf; -webkit-border-radius: 5px; border-radius: 5px;}
u /* soulignement */ { border-bottom: 1px solid #c50202; margin:1px ; }
/* . la couleur du menu principal sous le header */

/* . ne pas toucher */
/* PARAMETRE A L'UTILITE INCONNUE */
.partgroup{ padding-top:35px; text-align:center; }
.cadredroit{ border-radius:10px; }
.cadregauche{ border-radius:10px; border-right: 3px solid pink; }
.souforums{ font-family:georgia; text-shadow: #817a79 1px 1px 2px; border-bottom: #77010a solid 2px; }
.statistiques a { text-shadow: #d4d5d6 1px 1px 0px; }
.opacity img { filter:alpha(opacity=50); -moz-opacity:0.7;opacity: 0.7; }
.opacity img:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
.mystats_fa { padding: 5px; float:right; font-family: verdana; font-size: 10px; font-weight: bold; display:block; background-color: #f4f0ec; border-radius:7px; }
.tableau_qeel { border: 5px solid #d4d5d6; border-radius: 30px; /* qu'il soit -moz , -webkit ou sans rien devant, l'effet est le même. -moz ne fonctionne que sous mozilla, -webkit que sous explorer, le simple sur tout normalement */ padding: 10px; margin-left: 30px; margin-top: 40px; }
.textscroll { overflow:auto; width:290px; height: 90px; }
.block{ padding-bottom:20px; }
.logo{ padding-bottom:20px; }
.maintitle{
margin-top:-28px;
}

/* . ne pas toucher */
.bodyline{
   background-image: url('');
}

.postdetails img { max-width: 200px; }

/* FICHE DE PRESA */

.fond_fiche {
width:600px;
background-color:#f4f4f4;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}

.nom_membre2{ /* Fond derriere nom prenom et citation */
width:450px;
margin-top:25px;
background-color:#f5f8fa;
border:1px solid #7992ce;
padding:10px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}

.titre { /* les differents titres des encarts */
font-family:times;
font-size:25px;
color:#982919;
font-style:italic;}

.nom_pren { /* nom et prenom */
font-family:times;
font-size:25px;
color:#3b845b;
font-style:italic;
border-bottom:1px solid #7992ce;}

.citation {
font-size:11px;
font-style:italic;
font-family:time;}

.avatar_pres { /* contour avatar */
background-color:#f5f8fa;
border:1px solid #def0ff;
padding:3px;
-webkit-border-radius: 20px 0px 0px 20px;
-webkit-border-radius: 20px 0px 0px 20px;
-webkit-border-radius: 20px 0px 0px 20px;
margin-left:40px;}

.pres_perso { /* Fond de la pres du personnage */
height:305px;
overflow:auto;
background-color:#e2e9e6;
border:1px solid #989398;
padding:10px;
-webkit-border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
border-radius: 0px 20px 20px 0px;
margin-right:40px;}

.champ_pres { /* champ de la pres du personnage */
font-size:10px;
color:#93b7d5;}

.biography { /* Fond de la biography */
with:220px !important;
height:200px;
overflow:auto;
background-color:#f5f8fa;
border:1px solid #989398;
padding:10px;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
margin-left:40px;}

.character { /* Fond de character description */
with:220px !important;
height:200px;
overflow:auto;
background-color:#f5f8fa;
border:1px solid #989398;
padding:10px;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
margin-right:40px;}

.film_disco { /* Fond de filmography */
height:150px;
overflow:auto;
background-color:#e2e9e6;
border:1px solid #989398;
padding:10px;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
margin-left:40px;
margin-right:40px;}

.pres_membre {
margin-right:40px;
margin-left:40px;
margin-bottom:10px;}

/*code message membres validés */
.policemp {font-size: 25px;font-family: 'Abril Fatface', cursive; color:#2e5321; text-align: center;text-transform: lowercase; letter-spacing: 2px; width: 430px; text-shadow: 2px 0px #ffffff;}
.cadrepolicemp {background-repeat: repeat-x; padding: 5px; width:430px; background-color: #e4e4e0; box-shadow: inset 0px 0px 2px #e0e0e4; margin-bottom: 3px;}
.cadreextmp {background-repeat: repeat-x;padding: 10px;width:450px;background-color: #e4e4e0;box-shadow: inset 0px 0px 2px #3c2d28;margin-right:15px;}
.cadreintmp {background-repeat: repeat-x;padding: 05px; width:440px; background-color: #FFFFFF; box-shadow: inset 0px 0px 2px #372c25;}
.cadreint2mp {background-repeat: repeat-x;padding: 05px; width:430px; background-color: #FFFFFF; box-shadow: inset 0px 0px 2px #372c25;}

/*PROPOSITION CHOUNETTE*/
/*HP PRESENTATION*/
.grdcadre {width:500px; background-color:#fbf7f3; border: 5px solid #eedfcf;}
.bann {margin-left:7px;margin-right:2px;margin-bottom:3px; border: 1px solid #ffffff; border-radius: 5px; padding: 3px; width: 420px;}
.imgcadre {margin-left: 7px; margin-right: 2px; margin-bottom: 3px; border: 5px solid #deddd1; border-radius: 5px; padding: 0px; text-align: center; width: 420px;}
.nom {font-family: 'Open Sans Condensed', sans-serif; text-transform: lowcase; margin-left: 4px; color: #976554; font-style: bold; font-size: 40px; text-shadow: #ffffff 0px 0px 3px;display:block; letter-spacing: -1px; }
.citation {font-family: 'Inconsolata', cursive; color: #6b837c; text-shadow: 0px 0px 0px; font-size:12px; letter-spacing: 1px; line-height:12px; text-transform:lowercase; width:300px;}
.c1 {border-bottom: 2px solid #afbdb3;}
.c2 {border-bottom: 2px solid #c3a08e;}
.c3 {border-bottom: 2px solid #b5b2a9;}
.grandrect {width : 460px; height : 230px; background-color: #f3ece4; overflow-y: hidden; overflow-x: hidden; font-family:arial; font-size:12px; text-align:justify; padding-down:10px; border-radius: 5px;}
.volet {width: 220px; height: 180px; background-color: #f3ece4; overflow: auto; overflow-x: hidden; font-family:arial; font-size:12px; text-align:justify; line-height:10px}
.volet2{width: 220px; height: 180px; background-color: #f3ece4; text-align: justify; font-size: 12px; line-height: 12px; font-family: arial; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; overflow: auto;}
.volet2:hover{opacity: 1;}
.icon {border: #deddd1 1.5px solid;width:40px; padding:0px; align:center; border-radius: 5px;}
.petit {font-size: 8px; font-family: arial; color: #CCA789; text-transform : uppercase}
.anecdote {font-size: 12px; font-family: arial; text-shadow: 0px 0px 0.4px; color: #91bdb0; text-transform : uppercase}
.petititre2 {width: 499px; height: 30px; background-color: #c3a08e; font-size:14px; font-family: 'Open Sans Condensed', sans-serif; font-style : bold; color: #ffffff; text-shadow: 0.3px 0.3px 0.3px #ffffff ; text-align: center; letter-spacing: 1px; line-height: 2; text-transform : uppercase; }
.story {width : 499px; height : auto; background-color: #e8e8e2; font-family:verdana; line-height:10px; font-size:11px; text-align:justify;}
.story2 {width : 499px; height : 400px; background-color: #deddd1; font-family:verdana; line-height:10px; font-size:11px; text-align:justify; overflow: auto; overflow-x: hidden;}
.story3 {height : 300px; background-color: #fbf7f3; font-family:verdana; line-height:10px; font-size:11px; text-align:justify; overflow: auto; overflow-x: hidden;}
.soustitre {font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; text-transform: downcase; letter-spacing: 0px; color: #84645a;line-height:12px}
.tableau {width : 499px; height : 250; background-color: #fbf7f3; overflow: auto; overflow-x: hidden; font-family:arial; font-size:10px; text-align:justify; border-radius: 5px;}
.p2 {border-bottom: 2px solid #87b2a5;}
.pointillés {border-bottom: 2px solid #ffffff;}
.interview {font-size: 11px; font-family: arial; margin-top: -2px; text-shadow: 0px 0px 0px; letter-spacing: 0px; opacity: 0.8; font-style: ; font-weight: normal; color: #c3a08e;}
.avatar { border:1px solid #ffffff; width=95px}
.note {font-family: times new roman; font-size: 10px; text-transform: downcase; letter-spacing: 0px; color: #976554;}
.questions {font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; text-transform: lowercase; letter-spacing: 0px; color: #976554;line-height:12px}
/*End*/

/*SCENARIOS TEST HP*/
.set {margin-left:7px;margin-right:2px;margin-bottom:3px; border: 1px solid #f4f4f4; border-radius: 5px; padding: 3px; width: 200px;}
.imgset {margin-left: 7px; margin-right: 2px; margin-bottom: 3px; border: 5px solid #f5f2f2; border-radius: 5px; padding: 0px; text-align: center; width: 200px;}
.voletscenar {width : 220px; height : 180px; background-color: #ffffff; overflow: auto; overflow-x: hidden; font-family:arial; font-size:10px; text-align:justify; line-height:10px}
.gifscenar {border: #aaa8a8 2px solid;width:120px; padding:0px; align:center; border-radius: 5px;}
/*fin*/

/* --------------- SCENARIO -------------- */

.fimg { /*image contexte*/ border:3px solid #F8EFE9; width: 160px; }
.tabscena {height:150px;overflow:auto;padding-left:4px;text-align:justify;width:174px;font-size:10px}
fsstitre { /*sous titre avec separateur pointille*/ border-bottom: 1px dashed #E9E9E9; color: #13666C; font-family: arial; font-size: 7px; font-weight: 700; letter-spacing: 3px; margin: auto auto 5px; padding: 2px; text-transform: uppercase; box-sizing: border-box; display: block; }
.identitedroite {width: 200px;height: 275px;text-align: justify;overflow: auto;}
div.identiteavatar{background-size: cover;height: 277px;position: relative;margin-left: 12px;width: 173px;}
.scrollpls { /*scroll scenario pre-lien*/ height: 100px; overflow: auto; padding-left: 4px; text-align: justify; font-size: 11px; }

/*---------------- MESSAGES ANNONCE GENERALE ---------------*/
.grandcadre {
  background: url(https://images.homedepot-static.com/productImages/3233bcce-c9f5-4c44-a308-ce94e691467f/svn/magnolia-home-by-joanna-gaines-wallpaper-psw1021rl-64_400.jpg);
  padding-top: 5px;
  text-align: center;
  border-radius: 0px;
  padding-bottom: 0px;
  border: 0px solid #f3f2f2;
  line-height: 20px;
  font-size: 18px;
width:430px;}

.petit2 {font-size: 9px; font-family: arial; text-transform : uppercase}
.cadreTITREannonce { /*citation avec bloc*/ font-family: calibri; background-color: none; padding: 3px; font-size: 6px; margin-top: -15px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; color: #00000; }
.ecritureannonce { font-size: 12px; text-transform: uppercase; color: #343c4b; font-weight: 600;}

.encadre {background: #9ba5b0;
   font-family: 'Playfair Display', serif;
   font-size: 9px;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 2px;
   color: white;
padding:2px;}

.soustitreannonce {
  font-family: 'Times New Roman', sans-serif;
  font-size: 10px;
  text-style: bold;
  text-transform: lowercase;
  color: #13666C;
  background-color: white;
  border-top: 2px solid #CCA789;
letter-spacing: 3px;}

.cadreCONTENUannonce {
  background-color:#ffffff;
  border: 1px solid #ece9e9;
  margin-top: -24px;
  padding-top: 15px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 15px;
  font-family: 'arial', sans-serif;
  font-size: 11px;
  text-align: justify;
  color: #242424;
  }

.COPYRIGHTannonce {
  font-family: 'Times New Roman', cursive;
  font-size: 9px;
  text-transform: uppercase;
  color: #8f5151;
  text-align: center;
  margin-top: 10px;
  padding-bottom: 5px;
  }

.p3 {border-bottom: 2px solid #e2a382;}
.colonnebottin {width: 190px; height: 800px; background-color: #fffff; overflow: auto; overflow-x: hidden; border-radius: 2px; font-family: 'Quicksand', sans-serif; font-size: 11px; text-transform: lowercase; line-height: -80px; }
.p4 {border-bottom: 2px solid #c1d7c7;}

.tabbottin{height:300px;overflow:auto;padding-left:4px;text-align:justify;width:174px;font-size:10px}



/* NOUVEAU MESSAGE DE BIENVENUE MEMBRE */

.imgcar {width: 100px; height: 100px; position: absolute; text-align: center; border-radius: 10px 10px 10px 10px; margin-bottom:45px; margin-left:22px; box-shadow: inset 0px 0px 6px #c8c8c8; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20eg); transform: rotate(20deg); position: absolute; }

.cadreintro {background-repeat: repeat-x;padding: 10px;width:340px;height:45px; overflow:auto; background-color: #ffffff;box-shadow: inset 0px 0px 6px #c8c8c8; margin-left:90px; margin-bottom:-65px; border-radius: 15px 15px 15px 15px;}
.bienvenue {font-family: 'Slabo 27px', serif; font-size: 16px;text-transform: uppercase; color: #e74a33; letter-spacing: 1px; width: 340px; text-shadow: 0px 0px 5px #c8c8c8;}
.ligneintro {border : 1px solid #6780b6; width: 250px; margin-bottom : 2px;}
.cadreextmes {background-repeat: repeat-x;padding: 20px;width:450px;background-color: #ffffff;box-shadow: inset 0px 0px 6px #c8c8c8; margin-right:15px; border-radius: 15px 15px 15px 15px;}
.cadreintmes {background-repeat: repeat-x;padding: 05px; width:440px; background-color: #f8f8f9; box-shadow: inset 0px 0px 2px #c8c8c8;border-radius: 2px 2px 2px 2px;}
.lignecontenu {border : 1px solid #6780b6; width: 350px; margin-bottom : 2px;}

/* . ne pas toucher */
.contimgqeel {
border:1px solid #ffFFff;
border-radius:7px;
height:70px;
opacity:0.7;}

/* . ne pas toucher */
.contimgqeel:hover {
  -webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
height:70px;
opacity:1;}

   /* @ T A G M E S S A G E */
/* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }

/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode {width:580px !important; background-color: #ffffff !important;}
.sceditor-container.ltr.wysiwygMode {width:580px !important; background-color: #ffffff !important;}

/*--- Partie supérieur contenant les outils ---*/

div.sceditor-toolbar {
background-color: #ccd3c8 !important;
width: 570px !important;
}

/*--- Partie texte area : fond ---*/

.sceditor-container iframe, .sceditor-container textarea {
background-color: #d5d9d3 !important;
text-align:justify;
   border-radius: 0 !important;
  -moz-border-radius: 0 !important;
margin:0 !important;
width: 580px !important;
color: #XXXXXX !important;
font-size:11px !important;
}

/*--- Groupe de boutons ---*/

div.sceditor-group {
background-color: #ccd3c8 !important; }

/*--- Boutons ---*/

a.sceditor-button {
}

/*--- Boutons sélectionnés ---*/

a.sceditor-button.hover {
background-color: #dfcfa7 !important;
}

/*--- Smileys ---*/

.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

/* bordure de l'éditeur */
div.sceditor-container {
border: none;
}

/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none;
}

/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}

/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;
}


/*--- Cadre titre du sujet ---*/
input.liteoption {
font-weight: bold; /*-- texte en gras --*/
   color: #6e726c;
  border: none;
  padding:10px;
   font-family: 'Comfortaa', cursive;
  text-transform:uppercase;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

input.mainoption {
font-weight: bold; /*-- texte en gras --*/
   color: #6e726c;
  border: none;
  padding:10px;
   font-family: 'Comfortaa', cursive;
  text-transform:uppercase;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

input.post {
box-shadow: none;
   border-radius: 0 !important;
  -moz-border-radius: 0 !important;
   border: none;
  background-color:#ffffff;
}

Messages : 1394 Date d'inscription : 28/11/2011

TEMPLATES

index_body

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<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>



<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 width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

<table>
<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" class="row1">
<span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">

<div class="fb-login-button"></div>


<div class="ti-connect"></div>

</div>
</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></span>
      
      
      <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{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" rel="nofollow">{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 width="50%" valign="top" align="right" class="row1">

<table>
<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" class="row1">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">

<div class="fb-login-button"></div>


<div class="ti-connect"></div>

</div>
</td>


</tr>
</table>
</form>



<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a><div class="stsQEEL"><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script>Membres &</div><div class="tlPQEEL"><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script>Messages</div><div class="lstQEEL">Bienvenue à <span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div></div>
<div class="onlineQEEL"><table><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"Actuellement on retrouve dans les rues de Los Angeles").replace(/utilisateur(s?) en ligne/,"âme").replace(/::/,"dont").replace(/Enregistré(s?)/,"star$1").replace(/Invisible(s?) et/,"paparazzi$1 et").replace(/Invité(s?)/,"indécis.");</script><br/><br/>{LOGGED_IN_USER_LIST}</table><br/></div>
<div class="dayQEEL"><table><div id="utilisateursenligne"></div><script type="text/javascript">document.getElementById('utilisateursenligne').innerHTML=document.getElementById('utilisateursenligne').innerHTML.replace(/Il y a en tout/,"");</script></div>{L_CONNECTED_MEMBERS}</table></div>

<div class="GQEEL"><a href="http://www.hollywoodpeople.net/g17-james-dean" target="_blank" style="background:#b4b37e; color:white;">james dean</a><a href="http://www.hollywoodpeople.net/g5-marilyn-monroe" target="_blank" style="background:#ada1b1; color:white;">marilyn monroe</a><a href="http://www.hollywoodpeople.net/g8-frank-sinatra" target="_blank" style="background:#a1aab1; color:white;">frank sinatra</a><a href="http://www.hollywoodpeople.net/g11-walter-disney" target="_blank" style="background:#b39898; color:white;">walter disney</a><a href="http://www.hollywoodpeople.net/g19-audrey-hepburn" target="_blank" style="background:#aac2b5; color:white;">audrey hepburn</a></div>



{CHATBOX_BOTTOM}
<br clear="all" />



{AUTO_DST}

index_box

Code:: <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
<table width="800px" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</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>


<div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
<div class="mdlCAT">





<div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM"> / {catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div></div><div class="FRM"><div id="avaFRM"><div class="avaFRM">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div></div><div class="boxFRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="boxFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="lmsgFRM"><span style="display:inline-block; vertical-align:middle; width:1px; height:85px;"></span><span style="display:inline-block; vertical-align:middle; width:99%;">{catrow.forumrow.LAST_POST}</span></div></div></div>


</div>

Messages : 1394 Date d'inscription : 28/11/2011

memberlist_body

Code:: <form action="{S_MODE_ACTION}" method="get">
<table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER">
<tr>
<th nowrap="nowrap">{L_ORDER_OR_SELECT}</th>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed">
<tr>
<td width="100%" style="padding:5px 0;">{L_USER_SELECT} <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />
{L_SELECT_SORT_METHOD} {S_MODE_SELECT}
{L_ORDER} {S_ORDER_SELECT}
{S_HIDDEN_SID}
<input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="{memberrow.ROW_CLASS}" align="center">

<div id="LMBER"><div class="MBER"><script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.nameLMBER').css("background-color", color);});}); $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.triLMBER').css("border-bottom-color", color);});}); //]]></script><div class="boxLMBER"><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div><div class="imgLMBER">{memberrow.AVATAR_IMG}</div><div class="msgLMBER">{memberrow.POSTS} messages</div><div class="joinLMBER">{memberrow.JOINED}</div><div class="lstvLMBER">{memberrow.LASTVISIT}</div></div><div class="triLMBER"><a style="display:none;" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div><div class="nameLMBER"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div>

<div style="display:none;">{memberrow.GROUPS}</div>

</div></div>

</td></tr>

<tr>
<td colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
</tr>

</table>

<table style="margin:auto; width:755px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="nav">{PAGE_NUMBER}</span></td>
<td align="right"><span class="nav">{PAGINATION}</span></td>
</tr>
</table>
<br />

metions_tooltip

Code:: <style>
.tooltip-content {
width: 100%;
float: left;
}

.tooltip-content img {
float: left;
max-width: 30%;
margin: 0 10px 0 0;
}

span.tooltip-title {
width: 60%;
float: left;
margin: 5px 0 10px 0;
font-weight: bold;
font-size: 1.5em;
}

span.tooltip-subtitle {
width: 60%;
float: left;
}

ul.tooltip-counts {
width: 60%;
float: left;
margin: 0;
padding: 0;
}

.tooltip-counts li {
list-style: none;
}

.tooltip-actions {
width: 100%;
float: left;
margin: 8px -10px -8px -10px;
padding: 5px 10px 5px 10px;
background: #EEE;
}
.tooltip-actions ul {
margin: 0;
padding: 0;
}
.tooltip-actions li {
display: inline-block;
list-style: none;
padding: 0;
margin: 0 2px 0 0;
}
</style>
<div class="main-tooltip">
<div class="tooltip-content">
<img src="{USER_AVATAR}" alt="{USER_NAME}" />
<span class="tooltip-title">{USER_NAME_COLORED}</span>

<span class="tooltip-subtitle">{switch_rank_info.L_RANK}: {switch_rank_info.RANK_TITLE}</span>

<ul class="tooltip-counts">
<li>{L_POSTS}: <b>{POSTS}</b></li>
<li>{L_FRIENDS}: <b>{FRIENDS}</b></li>
</ul>
</div>
<div class="tooltip-actions">
<ul>

<li>
<a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
<img src="{switch_button_tooltip_PROFILE.IMAGE}" alt="{switch_button_tooltip_PROFILE.LANG}" />
</a>
</li>


<li>
<a href="{switch_button_tooltip_PM.URL}" title="{switch_button_tooltip_PM.LANG}">
<img src="{switch_button_tooltip_PM.IMAGE}" alt="{switch_button_tooltip_PM.LANG}" />
</a>
</li>


<li>
<a href="{switch_button_tooltip_FRIEND.URL}" title="{switch_button_tooltip_FRIEND.LANG}">
<img src="{switch_button_tooltip_FRIEND.IMAGE}" alt="{switch_button_tooltip_FRIEND.LANG}" />
</a>
</li>


<li>
<a href="{switch_button_tooltip_MESSAGES.URL}" rel="nofollow" title="{switch_button_tooltip_MESSAGES.LANG}">
<img src="{switch_button_tooltip_MESSAGES.IMAGE}" alt="{switch_button_tooltip_MESSAGES.LANG}" />
</a>
</li>


<li>
<a href="{switch_button_tooltip_FACEBOOK.URL}" target="_blank" title="{switch_button_tooltip_FACEBOOK.LANG}">
<img src="{switch_button_tooltip_FACEBOOK.IMAGE}" alt="{switch_button_tooltip_FACEBOOK.LANG}" />
</a>
</li>


<li>
<a href="{switch_button_tooltip_TWITTER.URL}" target="_blank" title="{switch_button_tooltip_TWITTER.LANG}">
<img src="{switch_button_tooltip_TWITTER.IMAGE}" alt="{switch_button_tooltip_TWITTER.LANG}" />
</a>
</li>

</ul>
</div>
</div>

Messages : 1394 Date d'inscription : 28/11/2011

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">
FB.init({
appId : {switch_facebook_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});

(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</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 = 'https://{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>
</body>
</html>

</div></div></div>

<br>

overall_header

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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
   xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Text:wght@800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Zilla+Slab+Highlight&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Text:wght@300&family=Special+Elite&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Kalam&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@1,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Norican&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Baloo+2&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab:300i&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Comfortaa&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Slab&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gayathri&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@1,100&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&family=Stardos+Stencil&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Satisfy&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Calistoga&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<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}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>

<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}


<script src="https://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="{JQUERY_DIR}ticker/ticker.css"/>
<script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>



<script src="{JQUERY_DIR}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');
      if (pm != null) {
         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}');
      if (report != null) {
         report.focus();
      }
      
      
      $(document).ready(function () {
         Ticker.start({
            height: {switch_ticker.HEIGHT},
            spacing: {switch_ticker.SPACING},
            speed: {switch_ticker.SPEED},
            direction: '{switch_ticker.DIRECTION}',
            pause: {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[
   (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
   a = s.createElement(o),
      m = s.getElementsByTagName(o)[0];
   a.async = 1;
   a.src = g;
   m.parentNode.insertBefore(a, m)
   })
   (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
   ga('create', '{G_ANALYTICS_ID}', 'auto');
   ga('send', 'pageview');
   ga('set', 'anonymizeIp', true);

   
   ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
   ga('bis.send', 'pageview');
   ga('bis.set', 'anonymizeIp', true);
   
   //]]>

</script>


</head>


<div id="hitskin_preview" style="display: block;">

<div class="content">
   <p>
      {hitskin_preview.L_THEME_SITE_PREVIEW}
      <br/>
      <span>{hitskin_preview.U_INSTALL_THEME}<a
               href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
   </p>
</div>
</div>



<div id="login_popup" style="z-index: 10000 !important;">
<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 class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
   <td class="bodyline">
      <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/>
               
               <div class="maintitle">{MAIN_SITENAME}</div>
               <br/>
               <span class="gen">{SITE_DESCRIPTION}<br/>  </span>
            </td>
            
            <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
            </td>
            
         </tr>
      </table>

</div>
</div>
</div>

<div class="navigation">
{GENERATED_NAV_BAR}
</div>

      <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 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 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 : 1394 Date d'inscription : 28/11/2011

topic_list_box

Code:: 
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
   if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
      all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
   }
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
   if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
      document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
   }
}
}
</script>


<div class="liste_sujet">
<div class="titre_liste_sujet">
{topics_list_box.row.L_TITLE}
</div>




<div class="contenu_liste_sujet">

<div class="box_sujets">
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
</div>


<img class="statut_sujet" title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />

<div class="sujets_liste">
<h2 class="topic-title">
      <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
   </h2>
Posté par {topics_list_box.row.TOPIC_AUTHOR}<br />
<div class="description_liste_sujet">

         {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
      
</div>
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}{topics_list_box.row.TOPIC_NAV_TREE} </span>
</div>

<div class="dernier_message_sujet">
{topics_list_box.row.REPLIES} messages

<div class="dernier_mess_sujet">
{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
</div>
</div>

<div class="clear"></div>
</div>

{topics_list_box.row.END_TABLE_STICKY}


</div>
<span class="gensmall">{PAGINATION}</span>

viewforum_body

Code:: {BOARD_INDEX}
<div class="nouveau_sujet">

   <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
<img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" />
   </a>


{TOPICS_LIST_BOX}


<a href="{U_POST_NEW_TOPIC}" class="nouveau_message" rel="nofollow">
<img src="https://www.zupimages.net/up/20/47/9w4y.png" alt="" />
</a>


<div class="boutons_footer_sujets">
<a href="{U_MARK_READ}" class="boutons_surveiller">
   {L_MARK_TOPICS_READ}</a>
<div class="boutons_surveiller">
   {S_WATCH_FORUM}</div>
<div id="moderer">
   {S_AUTH_LIST}</div>
</div>

viewtopic_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(){

if(typeof(_atc) == "undefined") {
_atc = { };
}

_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }

if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }

return false;
};

//]]>
</script>

<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td align="left" {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> <p></p> <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" valign="middle"><span class="gensmall">{S_WATCH_TOPIC}</span> <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>
<tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}<div class="navPOST" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC_SECOND}</div></div>
</td></tr>
</table>

<table align="center" border="0" cellspacing="0" cellpadding="0">

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

{POLL_DISPLAY}


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




<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">

   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");
$(this).closest('.grpPOST').css("background-color", color);});});</script>

      <div class="boxPOST"><div class="namePOST grpPOST"><span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></div>
         <div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div> <div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div>
            <div class="abtPOST"><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div></div><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div>       </span><br />
      <img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
   </div></td>

   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">
      <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
         <tr class="class="msgPOST"">
            <td valign="top" nowrap="nowrap" class="post-options"><div class="DTPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" /> {postrow.displayed.POST_DATE}</div>
            <div class="toolsPOST">{postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG}</div>             </td>
         </
tr>
         <tr>
            <td colspan="2" class="hr">
               <hr />
            </td>
         </tr>
         <tr height="100%" valign="top">
            <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}" alt="" />

                              
                              <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="signPOST">{postrow.displayed.SIGNATURE}</div>

               </div>
                              </td>
         </tr>

      </table>
   </td>
</tr>

<tr><td colspan="2"><div class="ktactPOST grpPOST"><div style="display:none;">{postrow.displayed.POSTER_NAME}</div>{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</div></td></tr>

<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="2"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td>
</tr>

   
</table>
<hr />
<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 align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

</table>

<table class="btmPOST" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td align="left"><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> <span class="gensmall">{PAGE_NUMBER}</span></td>
<td align="right" ><span class="gensmall">{PAGINATION}</span></td>
</tr>
<tr><td colspan="2"><div style="height:5px;"></div></td></tr>
<tr><td colspan="2" class="navPOST" width="100%"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</td></tr>
</table>


<table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
<tr>
<td class="clearfix">
<table>
<tr>

<td class="logo"><img src="{RULE_IMG_URL}" /></td>

<td class="rules postbody">{RULE_MSG}</td>
</tr>
</table>
</td>
</tr>
</table>


<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><td align="left" valign="middle" {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> <p></p><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="0" cellpadding="0" align="center">
<tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
<form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
<input type="hidden" name="t" value="{TOPIC_ID}" />

<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td></tr>
</table>


<table class="forumline noprint" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2" align="center" style="padding:0px;">
<a name="quickreply"></a>{QUICK_REPLY_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 : 1394 Date d'inscription : 28/11/2011

mod_chatbox

Code:: <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="chatbox_container">
<tr>
<td class="row1" valign="top" align="center">
<div id="chatbox_portal" style="height:200px;"></div>
<script type="text/javascript">
insertChatBox('chatbox_portal', '{U_FRAME_CHATBOX}');
</script>
</td>
</tr>
</table>

<table width="100%">
<tr>
<td width="100%"> </td>
<td align="right" width="20">
<img src="https://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize;" />
</td>
</tr>
</table>

privmsgs_body

Code:: <div id="mp">
  <div class="mp-header">
   <div class="mp-links">
   <div>{INBOX}</div>
   <div>{SENTBOX}</div>
   <div>{OUTBOX}</div>
   <div>{SAVEBOX}</div>
   </div>
   
   <div class="mp-percent">
   {BOX_SIZE_STATUS}
   <div><div><img src="{PATH_IMG_FA}empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}" /></div></div>
   </div>
   
  </div>
  <form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">
  <div class="mp-body">
   <div class="mp-body-head">
   {POST_PM_IMG}
   <span class="gensmall">{L_DISPLAY_MESSAGES}:
   <select name="msgdays">
   {S_SELECT_MSG_DAYS}
   </select>
   <input class="liteoption" type="submit" name="submit_msgdays" value="{L_GO}" />
   </span>
   </div>

   
   <div class="mp-item">
   <img title="{listrow.L_PRIVMSG_FOLDER_ALT}" src="{listrow.PRIVMSG_FOLDER_IMG}" alt="{listrow.L_PRIVMSG_FOLDER_ALT}" />
   <div>
   <div><a href="{listrow.U_READ}">{listrow.SUBJECT}</a>Par {listrow.FROM}</div>
   <div>{listrow.DATE}</div>
   </div>
   <input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" />
   </div>
   
   
   <div class="mp-empty">{L_NO_MESSAGES}</div>
   
  </div>
   <div class="mp-bottom-btn">
   {S_HIDDEN_FIELDS}
   
   <input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}" />
   
   
   <input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />
   
   <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}" />
   <input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}" />
   </div>
   <div class="mp-bottom">
   {POST_PM_IMG}
   <div>{PAGE_NUMBER}</div>
   <div>
   <a href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a>
   <a href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a>
   </div>
   <span class="nav">{PAGINATION}</span>
   </div>
  </form>
</div>
<script>
  $(document).ready(function(){
   $('.mp-body').find('img[title="Message Non-lu"]').closest('.mp-item').addClass('new-mp');
  });
</script>
<table width="100%" border="0">
   <tr>
   <td align="right" valign="top">{JUMPBOX}</td>
   </tr>
</table>

profile_view_body

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="namePFIL">{USERNAME}</div>
<div class="avPFIL"><div id="adminPFIL"><div><span>{L_ADMINISTRATE_USER} :</span><br/>{ADMINISTRATE_USER}{BAN_USER}</div><div><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}</div></div>{AVATAR_IMG}</div><div class="boxPFIL"><a rel="nofollow" class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a rel="nofollow" class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a><div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><br/><div class="abtPFIL"><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div></div><div id="ktactPFIL"><div class="ktactPFIL">{contact_field.CONTENT}</div></div></div>

<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('[id^=field_id]').each(function(){
if ( $(this).find('.field_editable').is('span, div') )
{
$(this).hover(function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
$(this).find('.ajax-profil_edit').attr({
alt: "{L_FIELD_EDIT_VALUE}",
title: "{L_FIELD_EDIT_VALUE}"
}).click(function(){
$(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
$(this).prev().find('.ajax-profil_valid').attr({
alt: "{L_VALIDATE}",
title: "{L_VALIDATE}"
}).click(function(){
var content = new Array();
$(this).parent().find('[name]').each(function(){
var type_special = $(this).is('input[type=radio],input[type=checkbox]');
if ( (type_special && $(this).is(':checked')) || !type_special )
{
content.push(new Array($(this).attr('name'), $(this).attr('value')));
}
});
var id_name = $(this).parents('[id^=field_id]').attr('id');
var id = id_name.substring(8, id_name.length);
$.post(
"{U_AJAX_PROFILE}",
{id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
function(data){
$.each(data, function(i, item){
$('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
});
},
"json"
);
});
$(this).remove();
});
}
},function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
$(this).find('.ajax-profil_edit').remove();
}
});
}
});
});
//]]>
</script>

» code bottin HP

CODE VERSION GOOD HP

CODE VERSION GOOD HP

Sujets similaires

Sujets similaires