*RESOLU* [EDGE] Page connexion/déconnexion problème

Voir le sujet précédent Voir le sujet suivant Aller en bas

petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
Bonsoir :)

J'ai un problème avec ce tuto : marreordi ouiillle mdr

https://www.milouze14.com/t30506-edge-une-page-html-connexion-deconnexion#M14

Voilà ce que ca me donne, j'ai intaller tout comme il faut mais gros bug avec le CCS de la page html je pense pleure



Merci



Dernière édition par petit coq le Sam 3 Juin 2017 - 15:55, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Mathéo,
juste avant de partir ,

Voulez-vous utiliser le haut et le bas de page de votre forum ? Cocher Oui

Es tu certain d’avoir coché cette case ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
Oui c'est coché
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Mathéo,
il aurait fallut donner le lien du fofo en question et
merci d'utiliser l'hébergeur du forum pour les images clin oeil

Tu as bien déposé tout ce contenu sans rien modifier :


Code:


    <!--
            DEVELOPED BY ANGE TUTEUR
            NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR
            ORIGIN : http://fmdesign.forumotion.com/t420-multi-step-login-form#3371
            -->
         
            <style type="text/css">/* CONTAINERS AND GENERAL SETUP */
            body { overflow:hidden; }
              #fa_button_next,.fa_login_button{padding:0px 8px 10px !important;}
            #fa_form_container { color:#666; font-size:12px; font-family:Arial, sans-serif; background:#FFF; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; overflow:auto; }
            #fa_form_container a { color:#69C !important; }
            #fa_form_container a:hover { color:#369 !important; }
            .fa_login_maintitle { font-size:24px; font-weight:bold; text-align:center; text-transform:uppercase; margin:20px 0; }
            .fa_login_maintitle img { vertical-align:-5px; height:30px; margin-right:6px; }
            .fa_login_title { text-align:center; margin:30px 0; color:#666; font-size:28px; font-weight:bold; font-family:Arial, sans-serif; }
            .fa_login_desc { font-size:16px; text-align:center; margin:10px 0; }
            .fa_form_wrap { text-align:center; background:#EEE; border:1px solid #DDD; box-shadow:0 6px 12px rgba(0, 0, 0, 0.1); border-radius:3px; padding:30px 6px; width:300px; margin:30px auto; overflow:hidden; position:relative; transition:250ms; }
            .fa_login_row { margin:10px 0; }
            .fa_form_links { text-align:center; }
            .fa_login_origin { font-size:12px; position:fixed; bottom:10px; right:10px; z-index:-1; }
            .fa_login_origin a { font-weight:bold; }
         
            /* AVATAR AND USERNAME */
            .fa_login_avatar { background:#FFF; border:1px solid #DDD; border-radius:100px; padding:2px; display:inline-block; width:100px; height:100px; overflow:hidden; position:relative; }
            .fa_login_avatar img { height:100px; width:100px; border-radius:100px; }
            #fa_avatar_real { background:#FFF; position:absolute; top:50px; left:50px; right:2px; bottom:2px; height:0; width:0; transition:linear 150ms; }
            #fa_avatar_real.avatar_visible { top:2px; left:2px; height:100px; width:100px; }
            .fa_login_username { font-size:16px; font-weight:bold; }
         
            /* BUTTONS AND INPUTS */
            .fa_login_button { color:#69C; background:none; border:1px solid #69C; border-radius:3px; font-size:16px; font-weight:bold; font-family:Arial, sans-serif; display:block; height:30px; line-height:30px; width:240px; margin:10px auto; transition:250ms; outline:none; cursor:pointer; }
            .fa_login_button:hover { color:#FFF; background:#69C; }
            .fa_login_input { color:#666; background:#FFF; border:1px solid #CCC; border-radius:3px; padding: 0 3px; height:30px; width: 232px; outline:none; }
            .fa_login_input:focus { border-color:#69C; }
         
            /* FORM SLIDES AND BACK BUTTON */
            .fa_form_slide { position:absolute; width:100%; transition:300ms; }
            #fa_login_back { position:absolute; top:30px; left:40px; opacity:0; visibility:hidden; transition:250ms; }
            #fa_login_back.fa_login_visible { opacity:1; visibility:visible; }
         
         
            /* ACCOUNT LIST */
            #account_list { background:#EEE; position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; }
            .account_list_row { font-size:16px; text-align:left; width:80%; margin:10px auto; position:relative; }
            .account_list_inner { background:#FFF; border:1px solid #DDD; border-radius:3px; padding:3px; width:80%; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
            .account_list_inner:hover { background:#FFD }
            .account_list_avatar { height:40px; width:40px; vertical-align:middle; margin-right:3px; }
            #fa_form_container a.account_list_delete { font-size:30px; color:#F33 !important; background:#FFF; border:1px solid #F33; border-radius:100px; width:20px; height:20px; line-height:22px; text-align:center; position:absolute; margin-top:-10px; top:50%; right:0; display:block; overflow:hidden; }
            #fa_form_container a.account_list_delete:hover { color:#333 !important; border-color:#333; }
         
            /* HIDE FIELDS */
            .logged_out #fa_form_logout, .logged_in #fa_form_login, .noscript #fa_form_login, .noscript #fa_form_logout, #account_list.accounts_hidden { display:none }</style>
         
            <div id="fa_form_container" class="logged_out noscript">
        <h1 class="fa_login_maintitle"><a href="LIEN DE VOTRE FORUM" target="_blank"><img src="http://im0.all-up.com/static/images/sigle.png"/><span style="color:#39C;">TITRE DE VOTRE FORUM</span></a></h1>
         
              <!-- START_NOSCRIPT_LOGIN_FORM -->
              <noscript>
                <form action="/login" method="post">
                  <h2 class="fa_login_title">Connexion</h2>
                  <p class="fa_login_desc">Connectez-vous pour accéder à ce forum</p>
                  <div class="fa_form_wrap">
                    <div class="fa_login_row">
                      <input id="fa_login_username" class="fa_login_input" type="text" name="username" placeholder="Entrez votre nom d'utilisateur"/>
                    </div>
               
                    <div class="fa_login_row">
                      <input id="fa_login_password" class="fa_login_input" type="password" name="password" placeholder="Mot de passe"/>
                    </div>
               
                    <div class="fa_login_row">
                      <input class="fa_login_button" type="submit" name="login" value="Connexion"/>
                   
                      <div style="width:240px;margin:auto;">
                        <div style="float:left;">
                          <label for="fa_autologin"><input id="fa_autologin" type="checkbox" name="autologin"/>Connexion automatique</label>
                        </div>
                     
                        <div style="float:right;">
                          <a href="/profile?mode=sendpassword">Mot de passe oublié?</a>
                        </div>
                     
                        <div class="clear"></div>
                      </div>
                    </div>
                  </div>
             
                  <div class="fa_form_links">
                    <div class="fa_login_row">
                      <a href="/register">Créer un compte</a>
                    </div>
                    <div class="fa_login_row">
                      <a href="/login#login_classic">Connexion classique</a> | <a href="/login?logout=true#login_classic">Classic logout</a>
                    </div>
                  </div>
                </form>
              </noscript>
              <!-- END_NOSCRIPT_LOGIN_FORM -->
         
              <!-- START_LOGIN_FORM -->
              <form id="fa_form_login" action="/login" method="post">
                <h2 class="fa_login_title">Connexion</h2>
                <p class="fa_login_desc">Veuillez vous connecter pour avoir un accès complet à  <script type="text/javascript">document.write('<a href="http://' + window.location.host + '">' + window.location.host + '</a>');</script></p>
                  <div id="fa_form_wrap" class="fa_form_wrap" style="height:210px;">
                    <div class="fa_login_row">
                      <a id="fa_login_back" href="#">Retour</a>
                      <span class="fa_login_avatar">
                        <img src="http://illiweb.com/fa/invision/pp-blank-thumb.png"/>
                        <img id="fa_avatar_real" src="http://illiweb.com/fa/invision/pp-blank-thumb.png"/>
                      </span>
                    </div>
               
                    <!-- START_STEP_1 -->
                    <div id="login_step_1" class="fa_form_slide" style="left:0px;">
                      <div class="fa_login_row">
                        <input id="fa_login_username" class="fa_login_input" type="text" name="username" placeholder="Entrez votre nom d'utilisateur"/>
                        <p id="fa_error_username" class="fa_login_row" style="color:#F00;display:none;">S'il vous plaît entrez votre nom d'utilisateur.</p>
                      </div>
               
                      <div class="fa_login_row">
                        <input id="fa_button_next" class="fa_login_button" type="button" value="Suivant"/>
                      </div>
                    </div>
                    <!-- END_STEP_1 -->
               
                    <!-- START_STEP_2 -->
                    <div id="login_step_2" class="fa_form_slide" style="left:400px;">
                      <div class="fa_login_row">
                        <span class="fa_login_username"></span>
                      </div>
               
                      <div class="fa_login_row">
                        <input id="fa_login_password" class="fa_login_input" type="password" name="password" placeholder="Mot de passe"/>
                        <p id="fa_error_password" class="fa_login_row" style="color:#F00;width:240px;margin:10px auto;display:none;">Vous avez spécifié un nom d'utilisateur ou un mot de passe incorrect.</p>
                      </div>
               
                      <div class="fa_login_row">
                        <input class="fa_login_button" type="submit" name="login" value="Connexion"/>
                   
                        <div style="width:240px;margin:auto;">
                          <div style="float:left;">
                            <label for="fa_autologin"><input id="fa_autologin" type="checkbox" name="autologin"/> Se connecter automatiquement</label>
                          </div>
                     
                          <div style="float:right;">
                            <a href="/profile?mode=sendpassword">Mot de passe oublié?</a>
                          </div>
                     
                          <div class="clear"></div>
                        </div>
                      </div>
                    </div>
                    <!-- END_STEP_2 -->
                  </div>
             
                  <div class="fa_form_links">
                    <div id="account_list_holder" class="fa_login_row"></div>
                    <div class="fa_login_row">
                      <a href="/register">Créer un compte</a>
                    </div>
                    <div class="fa_login_row">
                      <a href="/login#login_classic">Connexion classique</a>
                    </div>
                  </div>
              </form>
              <!-- END_LOGIN_FORM -->
         
              <!-- START_LOGOUT_FORM -->
              <form id="fa_form_logout" action="/login?logout=true" method="post">
                <h2 class="fa_login_title">Connexion</h2>
                <p class="fa_login_desc">Vous êtes sur le point de vous déconnecter de <script type="text/javascript">document.write('<a href="http://' + window.location.host + '">' + window.location.host + '</a>');</script></p>
                  <div class="fa_form_wrap">
                    <div class="fa_login_row">
                      <span class="fa_login_avatar"><script type="text/javascript">document.write(_userdata.avatar);</script></span>
                    </div>
               
                    <div class="fa_login_row">
                      <span class="fa_login_username"><script type="text/javascript">document.write('<a href="/u' + _userdata.user_id + '" target="_blank">' + _userdata.username + '</a>');</script></span>
                    </div>
               
                    <div class="fa_login_row">Êtes-vous sûr de vouloir vous déconnecter ?</div>
                    <div class="fa_login_row">
                      <input class="fa_login_button" type="submit" name="confirm" value="Oui"/>
                      <input class="fa_login_button" type="submit" name="cancel" value="Non"/>
                      <script type="text/javascript">//<![CDATA[
                      _userdata.session_logged_in && (function() {
                        var logout = document.getElementById('logout'),
                            container = document.getElementById('fa_form_container'),
                            form_logout = document.getElementById('fa_form_logout');
                         
                        document.title = 'Log out';
                        container.className = 'logged_in';
                   
                        /* if the default login link is present we can get the data from the href attribute. ( FASTER )
                        ** otherwise we'll need to send an AJAX request to the login page for the data ( SLOWER ) */
                        if (logout) {
                          var tid = logout.href.replace(/.*?tid=(.*?)&.*/, '$1'),
                              key = logout.href.replace(/.*?key=(.*?)$/, '$1');
                           
                          form_logout.action += '&tid=' + tid;
                          document.write('<input type="hidden" name="tid" value="' + tid + '"><input type="hidden" name="key" value="' + key + '">');
                        } else {
                          $.get('/login?logout=true&change_version=prosilver', function(d) {
                            var info = $('.submit-buttons', d)[0];
                            if (info) {
                              info.style.display = 'none';
                              form_logout.appendChild(info);
                              form_logout.action += '&tid=' + form_logout.tid.value;
                            }
                          });
                        }
                      }());
                      //]]></script>
                    </div>
                  </div>
                </form>
                <!-- END_LOGOUT_FORM -->
           
                <div class="fa_login_origin">Formulaire de connexion développé par Ange Tuteur. <a href="http://fmdesign.forumotion.com/t420-multi-step-login-form#3371">Obtenir le code !</a></div>
            </div>
         
            <script type="text/javascript">//<![CDATA[
            !_userdata.session_logged_in && (function() {
              document.title = 'Log in';
         
              window.fa_form_login = {
                redirect : my_getcookie('fa_login_form_redirect') || '/forum', /* change redirection page after login */
                submitting : false, /* true if posting login info */
           
                accountList : document.createElement('DIV'), /* stores logged accounts */
         
                /* move onto the password step
                  pass along the user id to get the user avatar faster */
                next : function(id) {
                  var username = document.getElementById('fa_login_username');
             
                  if (username.value) {
                    var avatar = document.getElementById('fa_avatar_real'),
                        row, accounts, i;
               
               
                    fa_form_login.clearError('username');
                    username.value = username.value.replace(/^\s+|\s+$/g, ''); // trim extra white space
               
                    // check if the username is already stored
                    if (!id && storage && storage.fa_accounts && window.JSON) {
                      accounts = JSON.parse(storage.fa_accounts);
                      for (i in accounts) {
                        if (username.value.toLowerCase() == accounts[i].username.toLowerCase()) {
                          id = i;
                          break;
                        }
                      }
                    }
               
                    row = id ? null : document.getElementById('account_user_' + id);
               
                    // check if account row is created to get an avatar that's already loaded
                    if (row) avatar.src = row.getElementsByTagName('IMG')[0].src;
                    else {
                      $.get(id ? '/ajax/index.php?f=m&user_id=' + id : '/profile?mode=viewprofile&u=' + username.value, function(d) {
                        var ava = id ? $('.tooltip-content img', d)[0] : $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img:first, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', d)[0];
                        avatar.src = ava ? ava.src : 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
                        avatar.className = 'avatar_visible';
                      });
                    }
             
                    $('.fa_login_username').html('<a href="/profile?mode=viewprofile&u=' + username.value + '" target="_blank">' + username.value + '</a>');
               
                    document.getElementById('fa_form_wrap').style.height = '260px';
                    document.getElementById('login_step_1').style.left = '-400px';
                    document.getElementById('login_step_2').style.left = '0px';
                    document.getElementById('fa_login_back').className = 'fa_login_visible';
               
                    window.setTimeout(function() {
                      document.getElementById('fa_login_password').focus();
                    }, 300);
                  } else {
                    fa_form_login.error('username');
                  }
                },
           
                /* move back to the username step */
                back : function() {
                  fa_form_login.clearError('password');
             
                  document.getElementById('fa_login_username').focus();
                  document.getElementById('fa_avatar_real').className = '';
             
                  document.getElementById('fa_form_wrap').style.height = '210px';
                  document.getElementById('login_step_1').style.left = '0px';
                  document.getElementById('login_step_2').style.left = '400px';
                  document.getElementById('fa_login_back').className = '';
                  return false;
                },
           
                /* submit the login form */
                submit : function() {
                  if (!fa_form_login.submitting) {
                    fa_form_login.submitting = true;
               
                    document.getElementById('fa_form_wrap').style.height = '260px';
                    fa_form_login.clearError('password');
               
                    $.post('/login', $('#fa_form_login').serialize() + '&login=true', function(d) {
                      fa_form_login.submitting = false;
                      if (/_userdata\["session_logged_in"\] = 1/.test(d)) {
                        var storage = window.localStorage,
                            id = d.match(/_userdata\["user_id"\] = (\d+)/)[1];
                   
                        /* store the user_id and username for next login */
                        if (storage && window.JSON) {
                          var accounts = storage.fa_accounts ? JSON.parse(storage.fa_accounts) : {}, i;
                     
                          for (i in accounts) accounts[i].last_active = 0;
                     
                          accounts[id] = {
                            last_active : 1, /* last active account will be marked with a 1 */
                            username : document.getElementById('fa_login_username').value
                          };
                     
                          storage.fa_accounts = JSON.stringify(accounts);
                        }
                   
                        my_setcookie('fa_login_form_redirect', '');
                        window.location.href = fa_form_login.redirect;
                      } else {
                        fa_form_login.error('password');
                      }
                    });
                  }
                  return false;
                },
           
                /* throw a form error and display the error text */
                error : function(type) {
                  var error = document.getElementById('fa_error_' + type),
                      wrap = document.getElementById('fa_form_wrap');
             
                  if (/none/.test(error.style.display)) {
                    document.getElementById('fa_login_' + type).style.borderColor = '#F00';
             
                    error.style.display = 'block';
                    wrap.style.height = +wrap.style.height.replace(/px/, '') + error.getBoundingClientRect().height + 'px';
                  }
                },
           
                /* clear the specified error */
                clearError : function(type) {
                  document.getElementById('fa_error_' + type).style.display = 'none';
                  document.getElementById('fa_login_' + type).style.borderColor = '';
                },
           
                /* delete a profile from the account list */
                deleteProfile : function(id) {
                  var storage = window.localStorage, accounts = JSON.parse(storage.fa_accounts),
                      row = document.getElementById('account_user_' + id),
                      i;
         
                  delete accounts[id];
                  for (i in accounts) {
                    accounts[i].last_active = 1;
                    break;
                  }
                  storage.fa_accounts = JSON.stringify(accounts);
             
                  row.parentNode.removeChild(row);
                  if (!fa_form_login.accountList.firstChild) fa_form_login.accountList.innerHTML = '<div class="fa_login_row">Il n\'y a pas de comptes enregistrés.</div><div class="fa_login_row"><a href="javascript:fa_form_login.toggleAccounts();">Retour à la connexion</a></div>';
                },
           
                /* create the profile rows based onto the accounts you logged into */
                createProfile : function(id, o) {
                  var row = document.createElement('DIV');
                  row.id = 'account_user_' + id;
                  row.className = 'account_list_row';
                  row.innerHTML = '<div class="account_list_inner"><img class="account_list_avatar" src="http://illiweb.com/fa/invision/pp-blank-thumb.png"/> <span class="account_list_username">' + o.username + '</span></div><a class="account_list_delete" title="Supprimer le compte" href="javascript:fa_form_login.deleteProfile(\'' + id + '\');">X</a>';
                  row.firstChild.onclick = function() {
                    fa_form_login.toggleAccounts();
                    document.getElementById('fa_login_username').value = $('.account_list_username', this).text();
                    fa_form_login.next(this.parentNode.id.slice(13));
                  };
             
                  $.get('/ajax/index.php?f=m&user_id=' + id, function(d) {
                    var ava = $('.tooltip-content img', d)[0];
                    if (ava) row.getElementsByTagName('IMG')[0].src = ava.src;
                  });
             
                  fa_form_login.accountList.appendChild(row);
                },
           
                /* basic setup of the account list */
                initAccountList : function() {
                  var a = document.createElement('A'),
                      holder = document.getElementById('account_list_holder');
             
                  a.href = '#';
                  a.innerHTML = 'Choisir un autre compte';
                  a.onclick = fa_form_login.toggleAccounts;
             
                  fa_form_login.accountList.id = 'account_list';
                  fa_form_login.accountList.className = 'accounts_hidden';
             
                  document.getElementById('fa_form_wrap').appendChild(fa_form_login.accountList);
                  holder.appendChild(a);
                },
           
                /* toggle display of the account list */
                toggleAccounts : function() {
                  if (/accounts_hidden/.test(fa_form_login.accountList.className)) {
                    fa_form_login.accountList.className = '';
                    document.getElementById('account_list_holder').firstChild.innerHTML = 'Retour à la connexion';
                  } else {
                    fa_form_login.accountList.className = 'accounts_hidden';
                    document.getElementById('account_list_holder').firstChild.innerHTML = 'Choisir un autre compte';
                  }
             
                  if (!fa_form_login.accountList.firstChild) fa_form_login.accountList.innerHTML = '<div class="fa_login_row">Il n\'y a pas de comptes enregistrés.</div><div class="fa_login_row"><a href="javascript:fa_form_login.toggleAccounts();">Retour à la connexion</a></div>';
                  return false;
                }
              };
         
              var container = document.getElementById('fa_form_container'),
                  username = document.getElementById('fa_login_username'),
                  storage = window.localStorage;
         
              container.className = 'logged_out';
         
              /* move forward in the form when ENTER is pressed */
              username.onkeydown = function(e) {
                if (e.keyCode && e.keyCode == 13) {
                  fa_form_login.next();
                  return false;
                }
              };
           
              /* if the specified data is useable we'll go through the stored accounts in localStorage and form a list for switching */
              if (storage && storage.fa_accounts && window.JSON) {
                var accounts = JSON.parse(storage.fa_accounts),
                    i, last_active = false;
           
                for (i in accounts) {
                  if (accounts[i].last_active) {
                    last_active = true;
                    username.value = accounts[i].username;
                    fa_form_login.next(i);
                  }
               
                  fa_form_login.createProfile(i, accounts[i]);
                }
           
                fa_form_login.initAccountList();
                !last_active && username.focus();
              } else username.focus();
         
              document.getElementById('fa_button_next').onclick = function() {
                fa_form_login.next();
              };
              document.getElementById('fa_login_back').onclick = fa_form_login.back;
              document.getElementById('fa_form_login').onsubmit = fa_form_login.submit;
            }());
            //]]></script>






-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
Oui rien de modifié, voilà le lien :

http://sw-republique.forumactif.com/forum
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Merci, mais je ne vois pas la feuille de style sur ta page de connexion,

tu peux éditer ta page html et donner le contenu ici ainsi que le script stp



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
CSS de edge sur ma feuille de style

Code:
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://dl.dropboxusercontent.com/s/rdhg16v1gk8icap/classified_ads-min.css);@-webkit-keyframes hot-topic{0%,to{transform:scale(.8)}50%{transform:scale(1.2)}}@keyframes hot-topic{0%,to{transform:scale(.8)}50%{transform:scale(1.2)}}@-webkit-keyframes notif_unread{0%,to{opacity:1}50%{opacity:0}}@keyframes notif_unread{0%,to{opacity:1}50%{opacity:0}}body{font-size:12px;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:0}::selection{color:#fff;background-color:#69c}::-moz-selection{color:#fff;background-color:#69c}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:#ddd}::-webkit-scrollbar-thumb{background-color:#69c;border:2px solid #ddd}::-webkit-scrollbar-button:single-button{color:#fff;background:url(https://i86.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat 0 0 #69c;height:17px;width:17px}::-webkit-scrollbar-button:single-button:vertical:increment{background-position:-17px 0}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-position:-34px 0}::-webkit-scrollbar-button:single-button:horizontal:increment{background-position:-51px 0}::-webkit-scrollbar-button:hover,::-webkit-scrollbar-thumb:hover{background-color:#58b}::-webkit-scrollbar-button:active,::-webkit-scrollbar-thumb:active{background-color:#369}h1,h2,h3,h4,h5,h6{margin:0}a{color:#369;text-decoration:none}a:active,a:hover{color:#69c}a:active{text-decoration:underline}img{border:none}input:focus{outline:none}fieldset{border:none}fieldset dl{padding:4px 0}fieldset dt{display:block;float:left;width:40%}fieldset dt,fieldset dt label,fieldset dt span{color:#333!important;font-weight:700;text-align:left}fieldset label{cursor:default;padding-right:5px}fieldset dl:hover dt,fieldset dl:hover dt label,fieldset dl:hover dt span{color:#000!important}fieldset dd{margin-bottom:3px;margin-left:41%;vertical-align:top}#page-body{padding:4px}#logo-desc:after,#main-content:after,.postprofile dl:after{content:"";display:table;clear:both}.color-primary{color:#fff}.color-primary,.h3,.inner h1.page-title,.title,h2.u{background-color:#69c}.forumline tbody .catHead,.mainmenu:after,.table1 thead th{color:#fff;background-color:#69c}.color-secondary{color:#fff;background-color:#345}.color-tertiary{color:#333;background-color:#fff}#main-content>.h3,#main-content>.title,.clear,.clearfix{clear:both}.right,.right-box{float:right}.left,.left-box{float:left}.center,.submit-buttons{text-align:center}.nomargin,body .sceditor-container iframe,body .sceditor-container textarea{margin:0}.left.fld_connexion{float:none}#page-header{position:relative;top:-30px;margin-top:30px}#logo{float:left}#logo-desc{padding:60px 30px 30px}#site-title,#site-title h1{font-size:24px;font-weight:400}#navbar,#tabs{max-width:100%;white-space:nowrap;overflow-x:auto}#navbar{clear:both}#navbar ul,#profile-advanced-details .panel>.inner>ol,fieldset{padding:0;margin:0}#navbar li{display:inline;font-size:0}#fae_sticky_nav_panel .mainmenu img[src="http://illiweb.com/fa/empty.gif"],#navbar .mainmenu img[src="http://illiweb.com/fa/empty.gif"],#page-footer .copyright br{display:none}#navbar .mainmenu,#tabs a{color:#fff;font-size:12px;font-weight:700;font-family:"Trebuchet MS",Arial,Verdana,Sans-serif;text-decoration:none;line-height:40px;padding:0 10px;display:inline-block;overflow:hidden;position:relative}#navbar .mainmenu:after,#tabs a:after{content:".";font-size:0;height:5px;position:absolute;bottom:-5px;left:0;right:0;transition:bottom 250ms}#navbar .mainmenu.fa_navactif:after,#navbar .mainmenu:hover:after,#tabs .activetab a:after,#tabs a:hover:after{bottom:0}#fa_sticky_nav_button{top:69px}#fa_sticky_nav_button:after{content:"\f0c9"}#fae_sticky_nav_panel a{display:block;color:#fff!important;font-size:14px;padding:3px 0 3px 10px;position:relative;overflow:hidden}#fae_sticky_nav_panel a:after{content:".";font-size:0;position:absolute;width:5px;left:-5px;top:0;bottom:0;transition:left 250ms}#fae_sticky_nav_panel a.fa_navactif:after,#fae_sticky_nav_panel a:hover:after{left:0}.nav-actions{text-align:center;margin-top:6px}#fae_sticky_nav_panel .nav-actions a{background:rgba(0,0,0,.15);height:30px;width:30px;display:inline-block;padding:0;margin:1px}.nav-actions a i{line-height:28px}#fae_sticky_nav_panel .nav-actions a:hover{background:rgba(0,0,0,.25)}#fae_sticky_nav_panel .nav-actions a:after{display:none!important}#page-footer{margin-top:50px;padding:25px 10px}#page-footer .copyright{margin-top:15px}#page-footer a{color:#fff;text-decoration:none}#footer_end,#footer_end a{color:#fff}#footer_end_inner{background:rgba(0,0,0,.2);padding:10px}.footer_end_column{display:inline-block;width:33%}#footer_end_left{text-align:left}#footer_end_center{text-align:center}#footer_end_right{text-align:right}#back_top_top{background:rgba(0,0,0,.2);display:inline-block;height:30px;width:30px;border-radius:100%;vertical-align:middle}#back_top_top:hover{background:rgba(0,0,0,.3)}#back_top_top i{font-size:16px;line-height:27px}#fa_edge{display:flex;min-height:100vh;flex-direction:column;margin-top:0!important}#page-body{flex:1 0 auto}#profile-advanced-add a,a.button1,a.button2,body div.sceditor-dropdown .button,button.button2,input.button,input.button1,input.button2,input[type=button],input[type=file],input[type=reset],input[type=submit]{color:#fff!important;font-size:13px;font-weight:400;background:#69c;border:none;display:inline-block;padding:8px 10px;margin:1px;cursor:pointer}#profile-advanced-add a:hover,a.button1:hover,a.button2:hover,body div.sceditor-dropdown .button:hover,button.button2:hover,input.button1:hover,input.button2:hover,input.button:hover,input[type=button]:hover,input[type=file]:hover,input[type=reset]:hover,input[type=submit]:hover{background:#58b}a.button1:active,a.button1:focus,a.button2:active,a.button2:focus,body div.sceditor-dropdown .button:active,body div.sceditor-dropdown .button:focus,button.button2:active,button.button2:focus,input.button1:active,input.button1:focus,input.button2:active,input.button2:focus,input.button:active,input.button:focus,input[type=button]:active,input[type=button]:focus,input[type=file]:active,input[type=file]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{background:#369}.submit-buttons{clear:both;margin:15px 0}.buttons a,.contact-info a,.linklist li,.profile-icons a{display:inline-block}img[src*="color=primary"]{background-color:#69c}img[src*="color=primary"]:hover{background-color:#58b}img[src*="color=primary"]:active{background-color:#369}img[src*="color=secondary"]{background-color:#345}img[src*="size=s"]{padding:4px 6px}img[src*="size=m"]{padding:6px}img[src*="size=l"]{padding:9px 16px}.sprite-tabs_more{background:url(https://i86.servimg.com/u/f86/18/21/41/30/plus-f11.png) no-repeat;height:11px;width:11px}#privmsgs-menu img,.corners-bottom,.corners-top{display:none}.content-block,.module,.panel{color:#333;background:#eee;border:1px solid #ccc;margin:15px 0}.panel .panel{background:0 0;border:none;margin:0}.module_column .content-block,.module_column .module{margin:10px 3px}.h3,.title,h2.u{margin:10px 0}.h3,.inner h1.page-title,.title,h2.u{color:#fff;font-size:14px;font-family:"Trebuchet MS",Arial,Verdana,Sans-serif;padding:6px}.content-block .title{margin:-1px -1px 3px}.inner .h3,.inner h1.page-title,.txt-content>.h3,.txt-content>h2.u{margin:-11px -4px 13px}.forumline tbody .catHead a,.h3 a,.h3 span,.table1 thead th a,.title a,h2.u a{color:#fff!important;text-decoration:none}.inner,.txt-content{padding:10px 3px}#confirm-body .txt-content,#logged_out_reply,.jqmWindow .panel{text-align:center}#cp-main h1:not(.title){color:#fff;font-size:14px;font-family:"Trebuchet MS",Arial,Verdana,Sans-serif;padding:6px;margin:-11px -4px 13px;background-color:#69c}#cp-main h1:not(.title) span{color:#fff!important;text-decoration:none}#cp-main.mcp-main h1{margin:0 0 10px}.lor_maintitle,.lor_subtitle{color:#000;font-size:36px;font-weight:400;margin:20px 3px 6px}.lor_subtitle{font-size:20px;margin:0}.lor_maindesc,.lor_subdesc{color:#999;font-size:14px;margin:3px}.lor_panel{background:#fff;border:1px solid #ddd;display:inline-block;margin:1%;padding:1%;width:45%}#topicreview{max-height:500px;overflow:auto}.jqmOverlay{background-color:#000}.jqmWindow{background:#fff;border:1px solid #ccc;display:none;left:50%;margin-left:-225px;margin-top:-125px;position:fixed;top:50%;width:450px}#simple-wrap{padding:6px 10px}.jqmWindow .right-box{float:none}.jqDrag{cursor:move}.linklist{margin:6px 0;padding-left:0}.forum-category{margin:20px 0}.forum-category .title,.traffic-exchange .title{font-size:12px;font-weight:700;position:relative}.forum-category .title:after,.traffic-exchange .title:after{font-size:15px;font-family:FontAwesome;position:absolute;right:6px;top:50%;margin-top:-7px}.c_hide,.c_show{cursor:pointer}.c_show:after{content:"\f067"}.c_hide:after{content:"\f068"}.forum-block{margin:6px 0;color:#333;border:1px solid #ccc}.forum-block-inner{background:#eee;position:relative;padding:3px 3px 3px 40px;min-height:40px}.forum-block:hover .forum-block-inner{background:rgba(255,255,255,.8)}.forum-info,.forum-lastpost,.forum-stats,.forum-status{float:left;padding:3px}.forum-info{width:50%}a.forumtitle,a.topictitle{font-size:14px}h2.topic-title{display:inline-block;margin-left:3px}.forum-info[style]{background-repeat:no-repeat;background-position:100% 0%}.forum-info[style] .pagination{margin-top:25px}.post .topic-title img,ul#privmsgs-menu li img{vertical-align:middle}.forum-stats{width:15%}.forum-stats>div{float:left;width:50%}.forum-stats .number{font-size:16px}.forum-stats small{text-transform:uppercase}.forum-lastpost{width:25%}.forum-status{position:absolute;top:-1px;left:-1px;bottom:-1px;width:30px;overflow:hidden}.forum-status,.forum-status[style*="state=old"]{background:#999}.forum-status[style*="locked=true"]{background:#345}.forum-status[style*="state=new"]{background:#7ad}.forum-status[style*="hot=true"]:after{-webkit-animation:hot-topic linear 1000ms infinite;animation:hot-topic linear 1000ms infinite}.forum-status:after,.inbox-icon:after{font-size:24px;font-family:FontAwesome;position:absolute;top:50%;left:0;right:0;margin-top:-12px}.forum-status:after{color:#fff;text-align:center;content:"\f086"}.forum-status[style*="type=topic"]:after{content:"\f15c"}.forum-status[style*="type=pinned"]:after{content:"\f276"}.forum-status[style*="type=announcement"]:after{content:"\f0a1"}.forum-status[style*="type=global"]:after{content:"\f071"}.privmsgs .forum-status:after{content:"\f0e0"}.forum-status[style*="type=forum"]:after{content:"\f07b"}.forum-status[style*="type=category"]:after{content:"\f07c"}.forum-status[style*="locked=true"]:after{content:"\f023"}#picture_legend,.forum-stats>div,.postprofile dl,ul#privmsgs-menu{text-align:center}#picture_legend.clearfix{text-align:left}#picture_legend.clearfix .pic_legend_icon{width:200px}.pic_legend_icon{display:inline-block;margin:0 10px}.inbox-icon,.pic_legend_icon .forum-status{display:inline-block;vertical-align:middle;position:relative}.pic_legend_icon .forum-status{top:0;left:0;bottom:0;float:none;margin-right:6px;margin-bottom:6px;height:50px}ul#privmsgs-menu{padding:3px 0}ul#privmsgs-menu li{display:inline;margin:2px 10px}#privmsgs-menu{font-size:14px}.inbox-icon{height:45px;width:45px;border-radius:100%;text-align:center;cursor:pointer}.inbox-icon:after{content:"\f01c"}#privmsgs-sentbox .inbox-icon:after{content:"\f061";margin:-13px 0 0 3px}#privmsgs-outbox .inbox-icon:after{content:"\f1d8";margin-left:-4px}#privmsgs-savebox .inbox-icon:after{content:"\f187"}img+.inbox-icon{cursor:default;opacity:.6}.inbox-icon:hover{opacity:.6}.merge-box{position:absolute;right:3px;top:50%;margin-top:-9px}.gallery{float:left;margin-left:1%;min-height:125px;padding-top:10px;background:#fff;border:1px solid #ddd}.info-gallery{margin:0!important;padding:5px;text-align:center;background:#f6f6f6;border-top:1px solid #ddd}#calendar li>img,.participated{display:inline-block;vertical-align:-2px;margin-right:3px}.author img,.forum-info a[href^="/f"] img,.forum-info a[href^="/t"] img,.forum-info a[href^="/viewtopic?"] img{vertical-align:top;margin-right:3px}.forum-lastpost a img,.right-box a img{vertical-align:middle;margin-left:3px}#calendar+p a img,.friend_list_online_status img{vertical-align:-2px}.post .title{margin-bottom:0}.post .post-number{float:right;font-size:21px}.post .title h2{font-size:21px}#tabs ul,.post.search .title h2{margin:0;padding:0}.postprofile{float:left;width:300px;margin-left:-300px}#p0 .postprofile{display:none}#p0 .post-inner{margin-left:0}.user-avatar img{max-height:100px;max-width:100px}.codebox dd,.postprofile dd,.postprofile dt{margin:0;padding:3px}.postprofile dl{background:#fff;border:1px solid #ccc;width:80%;position:relative;margin:26px auto 0}.postprofile dl:before{content:"HORS LIGNE";color:#fff;background:#999;position:absolute;height:26px;line-height:26px;top:-26px;left:-1px;right:-1px}.online .postprofile dl:before{content:"EN LIGNE";background:#8b5}.search .postprofile dl:before,form[action^="/privmsg"] .postprofile dl:before,form[action^="/privmsg"]~.content-block .postprofile{display:none}.search .postprofile dl,form[action^="/privmsg"] .postprofile dl{margin-top:0}.post-inner{margin-left:300px;padding:10px 0}.postbody{width:100%;overflow:hidden}.profile-field{font-size:0;display:block}.profile-field .label,.profile-field .value{font-size:12px;vertical-align:top;display:inline-block;width:50%;overflow:hidden;word-break:break-word}.profile-field .label{text-align:right}.profile-field .value{text-align:left}.profile-field .value:before{content:" ";margin-left:3px}.postbody .author{display:inline-block;margin:3px}.postbody .profile-icons{float:right;margin:3px}.postbody .profile-icons li{float:left;list-style-type:none;margin:0 3px}.postbody .profile-icons li img{cursor:pointer}.postbody .content{clear:right;padding:3px}hr{border:none;border-top:1px solid #ccc}.signature_div{padding:3px}.topic-actions>p.right,.topic-actions>p.right>span{margin:0 3px}.topic-actions>.pagination{margin:3px}#at-whatsthis{right:0}#plus_menu,.addthis_button,.pagination a[href$="mark=topics"],.pagination a[href$="watch=forum"],a[href="javascript:showhide(document.getElementById('plus_menu'))"]{font-size:12px}.addthis_button:after,.pagination a[href$="mark=topics"]:after,.pagination a[href$="watch=forum"]:after{content:" • ";color:#333}#plus_menu{background:#eee;padding:3px}.forumline,.table1{background:#eee;border-spacing:0;width:100%}#plus_menu,.forumline,.module #calendar .table1,.ucp-main .table1{border:1px solid #ccc}.forumline tbody .catHead,.table1 thead th{padding:6px 3px;text-align:center}.forumline tbody td,.forumline tbody th,.table1 tbody td{border:1px solid #ccc;border-top:none;border-left:none;padding:3px}.forumline tbody td:last-child,.forumline tbody th:last-child,.module #calendar .table1 th:last-child,.table1 tbody td:last-child{border-right:none}table.portal{display:block;max-width:100%;overflow:auto}.widget_menu{position:fixed;top:36px;display:inline-block;text-decoration:none!important;text-align:center;line-height:30px;height:30px;width:30px;transition-property:right,left;transition-duration:300ms}.widget_menu:after{content:"\f055";font-size:20px;color:#fff;font-family:FontAwesome}.widget_menu.active:after{content:"\f056"}.column_button_right{right:0}.column_button_right.active{right:300px}.column_button_left{left:0}.column_button_left.active{left:300px}.module_column{display:block;position:fixed;top:0;bottom:0;width:300px;transition-property:left,right;transition-duration:300ms}.module_column_title{margin:0 1px;text-align:center}.module_inner{position:absolute;top:31px;left:3px;right:3px;bottom:3px;overflow:auto}.column_right{right:-300px}.column_right.active{right:0}.column_left{left:-300px}.column_left.active{left:0}.module #calendar .table1 th{border-bottom:1px solid;border-right:1px solid;border-color:#ccc}.module #calendar .table1 td:not([class*=row]){font-weight:700;background:#fff}#login_popup{width:350px;height:250px;position:absolute;display:none;box-shadow:0 6px 12px rgba(0,0,0,.176)}#login_popup .txt-content{position:absolute;top:33px;left:0;right:0;bottom:36px;overflow-y:auto}#login_popup_close{float:right}#login_popup_buttons{position:absolute;left:0;right:0;bottom:0;padding:1px}img[src$="?poll=cap_r"]{border-right:1px solid}img[src*="?poll"]{background:#69c;vertical-align:middle;border-bottom:1px solid;border-color:#58b}#recent_topics_classical{max-height:200px;overflow-y:auto;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.vote *{display:inline-block}.vote .vote-bar,.vote .vote-no-bar{width:50px;height:5px;background:#ccc;margin:0 6px}.vote .vote-bar *{height:5px}#chatbox_members>h4.online,.vote .vote-bar-plus{background:#8b5}.vote .vote-bar-minus{background:#e53}.vote .vote-button-minus,.vote .vote-button-plus,.vote_num{font-size:18px;vertical-align:middle}.vote .vote-button-plus{color:#8b5}.vote .vote-button-minus{color:#e53}.vote .vote-button-minus:hover,.vote .vote-button-plus:hover{opacity:.7}.vote_num{font-size:14px;font-weight:700;font-family:arial;margin:0 3px}.vote_good{color:#8b5}#fa_toolbar a.delete:hover:after,.vote_bad{color:#e53}.pagination{text-align:right;float:right;font-size:0}.pagination span a,.pagination span strong{color:#fff;background:#69c;font-size:17px;text-align:center;display:inline-block;height:25px;line-height:25px;padding:0 8px;margin:1px}.topic-info .pagination a{font-size:15px;height:20px;line-height:20px;padding:0 6px}.pagination span a:hover,input.search-button:hover{background:#58b}.pagination span a:focus,.pagination span strong,input.search-button:focus{background:#369}.pagination span a.pag-img{background:0 0;height:auto;width:auto;margin:auto}a[href="javascript:Pagination();"]{font-size:12px;margin:0 6px}#cp-main .pagination{float:none;text-align:right}#main-search{text-align:right;overflow:hidden}form.search-form{background:#58b;display:inline-block}form.search-form input.search-keywords{color:#fff;font-size:15px;background:#69c;border:none;border-right:1px solid #7ad;margin-right:1px;padding:0 0 0 10px;width:300px;height:40px}input.search-button{color:#fff;font-size:16px;text-align:center;background:#69c;border:none;border-left:1px solid #7ad;width:40px;height:40px;padding:0;cursor:pointer;vertical-align:top;margin:1px 1px 0 0}#forum-search{margin-top:3px}#forum-search input.search-keywords{height:30px;width:150px}#forum-search input.search-button{height:30px;width:30px;margin-left:-3px}body div.sceditor-dropdown input,body div.sceditor-dropdown textarea,input.inputbox,input.post,input[type=text],textarea{color:#333;background:#fff;border:1px solid #ccc;padding:6px;margin:1px;outline:none;cursor:text}select{color:#333;background:#fff;border:1px solid #ccc;padding:6px;margin:1px;outline:none}body div.sceditor-dropdown input:focus,body div.sceditor-dropdown textarea:focus,input.inputbox:focus,input.inputbox:hover,input.post:focus,input.post:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#69c}.fields1 label,fieldset dd label,label[for],select{cursor:pointer}.inputbox{width:80%}.medium{width:50%}.tiny{width:110px}.autowidth{width:auto!important}.fa_pseudo_checkbox,.fa_pseudo_radio{display:inline-block;text-align:center;background:#fff;border:1px solid #ccc;height:16px;width:16px;vertical-align:-5px;margin-right:3px;position:relative;overflow:hidden;cursor:pointer}.fa_pseudo_checkbox:hover,.fa_pseudo_radio:hover{border-color:#69c}input[disabled]+.fa_pseudo_checkbox,input[disabled]+.fa_pseudo_radio{opacity:.5;cursor:not-allowed}.fa_pseudo_radio{border-radius:100%}.fa_pseudo_radio:after,.fa_pseudo_radio:before,input:checked+.fa_pseudo_radio:after{content:".";font-size:0;border-radius:100%;position:absolute;top:3px;left:3px;height:10px;width:10px}.fa_pseudo_radio:before{background:#ccc}.fa_pseudo_radio:after{background:#69c;top:8px;left:8px;height:0;width:0;transition-property:height,width,top,left;transition-duration:150ms}.fa_pseudo_checkbox:after{content:"\f00c";color:#69c;font-family:FontAwesome;font-size:0;line-height:16px;transition:font-size 100ms}input:checked+.fa_pseudo_checkbox:after{font-size:14px}.fa_input_hidden{visibility:hidden;position:absolute}.title .mark{margin-top:5px}.privmsgs .mark{position:absolute;top:50%;right:3px;margin-top:-9px}.pwd_img{color:#fff;font-size:14px;text-transform:uppercase;height:25px;line-height:27px;padding:0 9px;margin:3px 0 0 3px;display:none}#pwd_bad{background-color:#f33}#pwd_middle{background-color:#eb3}#pwd_good{background-color:#8b3}#tabs{background:#69c;margin:15px 0;position:relative}#tabs li{list-style-type:none;display:inline}#tabs a:after{background:#369}#new-message-link{position:absolute;right:0;top:7px}#new-message-link a:after{height:0}#profile-advanced-right{float:left;width:300px}#profile-advanced-layout{margin-left:310px}#profile-advanced-left{float:right;width:100%}#profile-tab-field-profil dl{margin:10px 0 0;padding:8px 10px 8px 0;width:98%}#profile-tab-field-profil dl dt{display:block;float:left;width:10em}#profile-tab-field-profil dl dd{margin-left:10em;padding-left:12px}.ajax-profil_parent{position:relative;zoom:1}.invisible{display:none;visibility:hidden}.ajax-profil_hover{background:0 0}.ajax-profil_valid{cursor:pointer;margin-left:4px;vertical-align:middle}.ajax-profil_edit{cursor:pointer;left:-6px;position:absolute;top:0}#profile-tab-field-profil .ajax-profil_edit{left:-6px}#profile-advanced-details .avatar{float:left}#profile-advanced-details .message-block{margin-left:57px}#profile-advanced-details .message-header{margin-bottom:4px;padding:4px}#profile-advanced-details .message-date{float:right}#fa_usermenu td.first,#profile-advanced-details .message-footer{text-align:right}#profile-advanced-details .panel>.inner>ol>li{list-style-type:none;background:#fff;border:1px solid #ccc;padding:6px;margin:10px}#profile-advanced-details .message-footer li{display:inline;margin:0 .25em}#profile-advanced-details .message-footer li a{margin-right:.25em;text-decoration:underline}#profile-advanced-details .message-footer li:after{content:" ."}#profile-advanced-details .message-footer li.last:after{content:""}#profile-advanced-details .stats-field{margin:4px 0 10px 4px;padding:0 10px 6px}#profile-advanced-details .stats-field legend{font-weight:700}#calendar li,#profile-advanced-details .stats-field li,#profile-advanced-details ol li,.noList li,ul.linklist li,ul.profile_field_list li{list-style-type:none}#profile-advanced-details .stats-field ul{padding:0;margin:10px}.profile_field_list li{display:inline-block}.profile_field_list{margin:0;padding:0}.friends-foes-list{display:inline-block;text-align:right;width:200px;height:2em}#wio_new_avatar,.avatar,.avatar-mini img,.lastpost-avatar{border:2px solid #69c;background:#fff;padding:1px}#wio_new_avatar,#wio_new_avatar img,.avatar,.avatar img,.avatar-mini,.avatar-mini img{height:44px;width:44px}.lastpost-avatar,.lastpost-avatar img{height:34px;width:34px}td.avatar-mini{width:250px}.avatar-mini img{vertical-align:middle;margin-right:3px}.lastpost-avatar{display:block;margin-right:4px;float:left}.friend-block{float:left;margin:1px;overflow:hidden;text-align:center;width:68px}.friend-block .avatar{cursor:pointer;margin:0 auto}.friend_list_online_status{font-size:.8em;line-height:11px}#chatbox_members li span,#fa_right #fa_welcome:hover,#fa_toolbar #fa_right #fa_notifications:hover,.gallery-avatar img{cursor:pointer}.gallery-avatar{height:200px;margin:0 0 20px 30px;text-align:center}#text_editor_textarea{height:250px;width:90%}#message-box #textarea_content,#smiley-box iframe{width:100%!important}#message-box{float:left;width:80%}.sceditor-container{border:2px solid #69c!important;border-radius:0!important}.sceditor-container .sceditor-toolbar{background-color:#69c;border-color:#58b;border-radius:0}.sceditor-container .sceditor-group{background:rgba(255,255,255,.45);border-color:#58b;border-radius:0;padding:0}.sceditor-container .sceditor-button{border-radius:0;padding:4px 6px;position:relative}.sceditor-container .sceditor-button:hover{box-shadow:none;background-color:rgba(255,255,255,.3)}.sceditor-container .hover,.sceditor-container .sceditor-button.active,.sceditor-container .sceditor-button:active{box-shadow:none;background-color:rgba(255,255,255,.6)}.sceditor-container .sceditor-button.disabled{opacity:.5}.sceditor-container .sceditor-button div{background-image:none}.sceditor-button:after{content:"\f128"}.sceditor-button:after,.sceditor-button:before{color:#555;font-size:14px;font-weight:400;font-family:FontAwesome;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;line-height:28px;text-indent:0}.sceditor-button-bold:after{content:"\f032"}.sceditor-button-italic:after{content:"\f033"}.sceditor-button-underline:after{content:"\f0cd"}.sceditor-button-strike:after{content:"\f0cc"}.sceditor-button-left:after{content:"\f036"}.sceditor-button-center:after{content:"\f037"}.sceditor-button-right:after{content:"\f038"}.sceditor-button-justify:after{content:"\f039"}.sceditor-button-bulletlist:after{content:"\f0ca"}.sceditor-button-orderedlist:after{content:"\f0cb"}.sceditor-button-horizontalrule:after{content:"\f068"}.sceditor-button-quote:after{content:"\f10d"}.sceditor-button-code:after{content:"\f121"}.sceditor-button-faspoiler:after{content:"\f071"}.sceditor-button-fahide:after{content:"\f070"}.sceditor-button-table:after{content:"\f0ce"}.sceditor-button-servimg:after{content:"\f093"}.sceditor-button-image:after{content:"\f03e"}.sceditor-button-link:after{content:"\f0c1"}.sceditor-button-youtube:after{content:"\f16a"}.sceditor-button-dailymotion:before,.sceditor-button-flash:before{content:"";background:#555;top:6px;left:6px;right:6px;bottom:6px}.sceditor-button-dailymotion:after{content:"d";color:#fff;font-weight:700;font-family:"trebuchet ms",arial,verdana,sans-serif;left:3px;top:1px}.sceditor-button-flash:after{content:"ƒ";color:#fff;font-weight:700;font-family:sans-serif;top:-1px}.sceditor-button-headers:after{content:"\f1dc"}.sceditor-button-size:after{content:"\f034"}.sceditor-button-color:after{content:"\f1fb"}.sceditor-button-font:after,.sceditor-button-removeformat:before{content:"\f031"}.sceditor-button-removeformat:after{content:"\f056";font-size:10px;left:auto;top:auto;right:5px;bottom:3px;line-height:normal}.sceditor-button-more:after{content:"\f141"}.sceditor-button-subscript:after{content:"\f12c"}.sceditor-button-superscript:after{content:"\f12b"}.sceditor-button-fascroll:after{content:"\f100"}.sceditor-button-faupdown:after{content:"\f102"}.sceditor-button-farand:after{content:"\f074"}.sceditor-button-emoticon:after{content:"\f118"}.sceditor-button-date:after{content:"\f271"}.sceditor-button-time:after{content:"\f017"}.sceditor-button-pastetext:after{content:"\f0ea"}.sceditor-button-source:after{content:"\f0f6"}#smiley-box{float:right;margin-top:25px;width:18%}fieldset.fields1 dt{width:10em}fieldset.fields1 dd{margin-left:10em}#i_whosonline{float:left;margin-right:6px}#i_whosonline[src$="empty.gif"]{display:none}#wio_activity .txt-content>br:last-child{clear:both}#who_is_online .content-block{margin:12px 0}#wio_left .content-block{margin-right:6px}#wio_left{float:left;width:60%}#wio_right{float:right;width:40%}.wio_value{font-size:0}.wio_value strong{font-size:22px;line-height:32px}.wio_stats{width:50%;min-height:65px;margin-bottom:5px;display:inline-block}.wio_row.last .wio_stats{margin-bottom:0}.wio_stats:after{font-size:13px;line-height:20px;display:block}#wio_total_posts:after{content:"Total de messages"}#wio_total_topics:after{content:"Total de sujets"}#wio_total_users:after{content:"Total de membres"}#wio_record_users:after{content:"Connexions simultanées"}#wio_board_age:after{content:"Âge du forum (en journées)"}#wio_newest_inner:before{content:"Nouveau membre";font-size:14px;margin-top:8px;float:right;display:inline-block}#wio_newest_inner .wio_value{margin-top:25px}#wio_newest_user,.wio_stats{text-align:center}#wio_newest_inner{text-align:left;display:inline-block;white-space:nowrap}#wio_newest_user strong{font-size:14px;line-height:20px}#wio_new_avatar{float:left;margin-right:4px}#wio_groups{font-size:0}#wio_groups a{font-size:14px;font-weight:400;border-radius:3px;display:inline-block;padding:3px 9px;margin:3px}.post .content{font-size:13px}h2.post-content,h3.post-content,h4.post-content{color:#69c;font-family:"Trebuchet MS",Arial,Verdana,Sans-serif;border-bottom:2px solid #69c;padding-bottom:3px;margin-bottom:6px}.attachbox,.codebox,blockquote{background:#fff;border:1px solid #ccc;margin:10px 3px}.attachbox>dt,.codebox dt,blockquote cite{color:#fff;font-size:14px;font-style:normal;background:#69c;padding:3px;margin:-1px -1px 3px;display:block}blockquote cite{margin:-4px -4px 3px}.hidecode>dt:after{content:"Caché:"}.codebox code{font-family:Monaco,"DejaVu Sans Mono","Bitstream Vera Sans Mono","Lucida Console",monospace;max-height:200px;overflow:auto;display:block}#fa_right #fa_menu ul,#fa_right.notification #fa_menu ul,.spoiler_content,form[action^="/gallery/testing/gal_preply.htm"]~form>.jumpbox{display:none}#fa_right.welcome #fa_menu ul,.file>dd>span,.spoiler_content.hidden{display:block}#chatbox_members>ul>li,blockquote{padding:3px}blockquote cite a{color:#fff!important}#fa_toolbar a:hover,blockquote cite a:hover{text-decoration:underline}.attachbox{display:inline-block;min-width:300px}.attachments,.file{margin:6px 3px}.file>dt{float:left}.file>dd{margin:6px 0 0 20px}.file>dd>span img{vertical-align:-5px}.attachbox>dt:before,.codebox>dt:before,blockquote cite:before{font-family:FontAwesome;margin-right:3px}blockquote cite:before{content:"\f10d"}.codebox>dt:before{content:"\f121"}.spoiler>dt:before{content:"\f071"}.hidecode>dt:before{content:"\f070"}.attachbox>dt:before{content:"\f0c6"}#bookmarks a img{background:url(http://illiweb.com/fa/social_bookmarking/social_bookmarking.png) no-repeat;vertical-align:middle;height:20px;width:20px}#bookmarks img.delicious{background-position:-10px -10px}#bookmarks img.digg{background-position:-10px -50px}#bookmarks img.excite{background-position:-9px -90px}#bookmarks img.facebook{background-position:-9px -128px}#bookmarks img.furl{background-position:-10px -166px}#bookmarks img.google{background-position:-10px -206px}#bookmarks img.live{background-position:-9px -246px}#bookmarks img.netscape{background-position:-9px -284px}#bookmarks img.newsvine{background-position:-9px -322px}#bookmarks img.reddit{background-position:-10px -360px}#bookmarks img.slashdot{background-position:-10px -400px}#bookmarks img.smarking{background-position:-9px -440px}#bookmarks img.stumbleupon{background-position:-10px -478px}#bookmarks img.technorati{background-position:-10px -518px}#bookmarks img.yahoo{background-position:-10px -558px}#bookmarks img.twitter{background-position:-10px -598px}#fa_left,#fa_toolbar #fa_icon,#fa_toolbar #fa_service{display:inline-block!important;visibility:visible!important}#fa_left,#fa_share{line-height:30px!important}.fa_toolbar_XL_Sized{min-width:980px;width:100%}.fa_toolbar_L_Sized{min-width:774px}.fa_toolbar_M_Sized{min-width:519px}#fa_toolbar{left:0;height:30px;background-color:#eee;color:#fff;font-family:Helvetica,Verdana,Arial;font-size:16px;z-index:999}#fa_toolbar :link,#fa_toolbar :visited{color:#fff;text-decoration:none}#fa_toolbar a:active,#fa_toolbar a:hover,#fa_toolbar a:link,#fa_toolbar a:visited{border:none}#fa_show,.fa_tbMainElement,.fa_tbMainElement a{display:inline-block!important;vertical-align:middle}#fa_toolbar #fa_icon{background-repeat:no-repeat;background-image:url(https://illiweb.com/fa/i/toolbar/pa0.png);background-size:30px;width:30px;height:30px}#fa_toolbar #fa_fb,#fa_toolbar #fa_gp,#fa_toolbar #fa_hide,#fa_toolbar #fa_magnifier,#fa_toolbar #fa_mail,#fa_toolbar #fa_rss,#fa_toolbar #fa_twitter,#fa_toolbar_hidden #fa_show{background-image:url(https://illiweb.com/fa/i/toolbar/toolbar.png);width:30px;height:30px;cursor:pointer}#fa_left{width:auto!important;height:auto!important}#fa_icon,#fa_right #fa_menu #fa_welcome,#fa_right.notification #fa_menu #fa_welcome,#fa_toolbar #fa_service{color:#666}#fa_toolbar #fa_service{text-decoration:none!important}#fa_toolbar #fa_service:hover[href]{text-decoration:underline!important}#fa_search{margin-left:20px;height:30px}#fa_search form{margin:0;padding:0;display:inline}#fa_search #fa_magnifier{position:absolute;background-position:-30px 0}#fa_search #fa_textarea{text-indent:30px!important;width:200px;height:24px;padding:0;border:0;margin-top:3px;border-radius:5px;line-height:24px}#fa_share{margin-left:20px;font-size:16px}#fa_share_text{cursor:default;color:#666;text-decoration:none!important}#fa_fb{margin-left:10px;background-position:-60px 0}#fa_twitter{background-position:-90px 0}#fa_gp{background-position:-120px 0}#fa_mail{background-position:-150px 0}#fa_rss{background-position:-180px 0}#fa_right{float:right;font-size:14px}#fa_right a.rightHeaderLink,#fa_right span.rightHeaderLink{margin-left:10px;vertical-align:top;line-height:30px;color:#666}#fa_right span.rightHeaderLink{display:inline-block;margin-left:1px}#fa_right #fa_notifications,#fa_welcome{line-height:30px;padding:0 5px;color:#666}#fa_hide{background-position:-210px 0}#fa_menu{display:inline-block}#fa_menu:hover :visited,#fa_right.welcome #fa_menu #fa_welcome,#fa_toolbar>#fa_right.notification>#fa_notifications{color:#333;background-color:#fff}#fa_toolbar #fa_right .fa_separator{width:90%;height:1px;margin:0;padding:0;background-color:#ccc;text-align:center}#fa_menulist,#fa_toolbar #fa_right #notif_list{list-style-type:none;background-color:#fff;z-index:999;position:absolute}#fa_menulist{display:none;margin:0;padding:0 10px;min-width:175px;width:auto;border:1px solid #333;line-height:32px;border-top:0 solid #fff}#fa_menulist :link,#fa_menulist :visited{color:#00569c!important}#fa_toolbar_hidden{position:absolute;width:30px;height:30px;right:0;margin-top:-60px;background-color:#eee;border-radius:0 0 5px 5px;z-index:999}#fa_show{background-position:-240px 0}#fa_toolbar #fa_right #fa_notifications #notif_unread{display:none;margin-left:.5em}#fa_toolbar #fa_right #fa_notifications.unread #notif_unread{display:inline}#fa_toolbar #fa_right #notif_list{font-size:11px;display:none;margin:0;padding:0;border:1px solid #333;border-top:0 solid #fff}#fa_toolbar #fa_right.notification #notif_list{display:block}#fa_toolbar #fa_right #notif_list li{margin:0;font-size:1em;padding:0 .5em .5em;color:#333;line-height:1.2em;display:block}#fa_toolbar #fa_right #notif_list li .contentText{float:left;width:27em;height:2.4em;overflow:hidden}#fa_toolbar #fa_right #notif_list li .contentText a{color:#00569c!important;text-decoration:underline!important;vertical-align:baseline}#fa_toolbar #fa_right #notif_list li:first-child{padding-top:.5em}#fa_toolbar #fa_right #notif_list li:first-child hr{display:none}#fa_toolbar #fa_right #notif_list li .content{width:30em;margin:0;display:block;overflow:hidden;vertical-align:top;color:inherit!important;line-height:inherit!important}#fa_toolbar #fa_right #notif_list li a.delete{width:22px;height:2.4em;background:url(https://illiweb.com/fa/i/toolbar/toolbar.png) -274px 50% no-repeat;float:right}#fa_toolbar #fa_right #notif_list li hr{margin:0 0 .5em;border:0 solid #ccc;border-top-width:1px}#fa_toolbar #fa_right #notif_list li.unread{font-weight:700;background-color:#e5e5e5}#fa_toolbar #fa_right #notif_list li.see_all{color:#fff;background-color:#333;padding:.7em!important;text-align:right}#fa_toolbar #fa_right #notif_list li.see_all a{color:#fff;width:100%}#fa_ranktitle,#fa_usermenu{width:120px;text-align:center}#fa_toolbar #live_notif{width:330px;position:absolute}#fa_toolbar #live_notif .fa_notification{background-color:#333;opacity:.8;border-radius:5px;padding:10px}#fa_toolbar #live_notif .fa_notification .content{padding-left:40px;display:inline-block;background-image:url(https://illiweb.com/fa/notifications/notifications.png);background-repeat:no-repeat;height:32px;font-size:11px;color:#fff;overflow:hidden}#fa_toolbar #live_notif .fa_notification a{text-decoration:underline!important;vertical-align:baseline}.fa_fix{position:fixed!important;top:0;right:0}#fa_toolbar .fa_hide{display:none!important}#fa_usermenu{position:absolute;left:0;padding:10px 20px 10px 10px;color:#333;font-size:12px}#fa_ranktitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#fa_ranktitle:hover{text-decoration:none!important;color:#333}#fa_usermenu td{padding:0;margin-bottom:5px;line-height:15px}#fa_usermenu td.bold{font-weight:700;text-align:left}#fa_usermenu img{max-width:120px;max-height:120px}#fa_menulist{padding-left:150px}body #fa_toolbar{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;background:#69c;border-bottom:2px solid #58b}body #fa_toolbar_hidden{background:#69c;border:2px solid #58b;border-top:none;border-right:none;border-radius:0}body #fa_right{font-size:13.5px}body #fa_icon,body #fa_right #fa_menu #fa_welcome,body #fa_right #fa_notifications,body #fa_right a.rightHeaderLink,body #fa_right.notification #fa_menu #fa_welcome,body #fa_share_text,body #fa_toolbar #fa_service,body #fa_welcome{color:#fff}body #fa_search #fa_textarea{color:#fff;background:#369;text-indent:0!important;border-radius:0;width:144px;padding:0 3px;margin-top:2px}body #fa_search #fa_magnifier{font-size:15px;background:#369;width:24px;height:24px;line-height:24px;margin-top:2px;position:static;float:right}a#fa_magnifier:hover{opacity:.7}a#fa_hide,a#fa_magnifier,a#fa_show,body #fa_share a,body #fa_toolbar #fa_icon{font-size:18px;text-align:center;text-decoration:none!important;background-image:none!important;line-height:30px;margin:0}a#fa_hide:hover,a#fa_show:hover,body #fa_share a:hover{opacity:.5}#fa_share a:after{content:""}#fa_share a:after,a#fa_hide:after,a#fa_icon:after,a#fa_magnifier:after,a#fa_show:after{color:#fff;font-family:FontAwesome}a#fa_fb:after{content:"\f09a"}a#fa_twitter:after{content:"\f099"}a#fa_gp:after{content:"\f0d5"}a#fa_mail:after{content:"\f1fa"}a#fa_rss:after{content:"\f09e"}a#fa_hide:after{content:"\f062"}a#fa_show:after{content:"\f063"}a#fa_magnifier:after{content:"\f002"}a#fa_icon:after{content:"\f086";font-size:20px;line-height:26px}body #fa_menulist,body #fa_toolbar #fa_right #notif_list{margin-top:25px;border:1px solid #ccc;box-shadow:0 6px 12px rgba(0,0,0,.176)}#fa_menulist:after,#fa_menulist:before,#notif_list:after,#notif_list:before{content:" ";bottom:100%;right:25px;border:solid transparent;position:absolute}#fa_menulist:after,#notif_list:after{border-width:14px;border-bottom-color:#fff}#fa_menulist:before,#notif_list:before{border-width:15px;border-bottom-color:#ccc;margin-right:-1px}.breadcrumbs,body #fa_toolbar #fa_right #notif_list li.see_all{background:#69c}span.new-message:before{content:"\f003";font-family:FontAwesome;font-weight:400;font-size:14px;margin-right:4px}body #notif_unread,span.new-message{-webkit-animation:notif_unread 1200ms infinite linear;animation:notif_unread 1200ms infinite linear}body #fa_toolbar #fa_right #notif_list li a.delete{background:0 0;width:auto;height:auto}#fa_toolbar a.delete:after{content:"\f00d";color:#666;font-size:20px;line-height:25px;font-family:FontAwesome}.breadcrumbs{color:#fff;font-size:0;display:inline-block;padding:6px 12px;margin:3px 0}.breadcrumbs a{display:inline-block;color:#fff!important;font-size:12px;white-space:nowrap}.breadcrumbs a:after{content:"\f105";font-size:18px;font-family:FontAwesome;vertical-align:-2px;margin:0 6px}.breadcrumbs a:empty:after,.breadcrumbs a:last-child:after{display:none}.breadcrumbs a:first-child:before{content:"\f015";font-size:16px;font-family:FontAwesome;vertical-align:-1px;margin-right:3px}body.chatbox{background-color:#fff}#chatbox,#chatbox_members,#chatbox_members:after{transition:200ms}#chatbox,#chatbox_footer,#chatbox_header,#chatbox_members{position:absolute;left:0;right:0}#chatbox_header{top:0}#chatbox_footer{bottom:0}#chatbox_header,body #chatbox_footer{color:#fff;background:#69c;height:40px;line-height:40px;padding:0 3px;overflow:hidden}#chatbox_header a{color:#fff}.chatbox-options li,.chatbox-title{float:left}.chatbox-options{float:right}.chatbox-options li{list-style-type:none}body #divcolor{line-height:15px}#divsmilies>img{vertical-align:middle}#divcolor,#divsmilies,#help-button,#submit_button,.format-message+label{margin:8px 1px 0;cursor:pointer;overflow:hidden}.text-field{padding-left:6px}#message,body #submit_button{height:auto;padding:3px}#chatbox{top:70px;bottom:40px;padding:3px;overflow:hidden;overflow-y:auto;border:1px solid #69c}body #chatbox>p{margin:3px 0;border:none}#chatbox_members{top:40px;height:30px;overflow:hidden;border-left:1px solid #69c;border-right:1px solid #69c}#chatbox_members:after,#chatbox_members>h4{color:#fff;position:absolute;top:0;left:0;line-height:30px;text-align:center}#chatbox_members:after{content:"Survolez pour voir qui est en ligne.";font-size:16px;background:rgba(0,0,0,.3);right:0;bottom:0;opacity:1}#chatbox_members>h4{background:#69c;width:50%;height:30px;display:block!important}#chatbox_members>h4.away{background:#e53;border-left:1px solid #69c;left:auto;right:0}#chatbox_members>ul{position:absolute;top:30px;left:0;width:50%;height:120px;overflow:hidden;overflow-y:auto}#chatbox_members>ul:empty:after{content:"";display:block;padding:3px;text-align:center}#chatbox_members>ul.away-users:empty:after{content:"Aucun membre absent.."}#chatbox_members>ul.online-users:empty:after{content:"Aucun membre en ligne."}#chatbox_members>ul.away-users{border-left:1px solid #69c;left:auto;right:0}#chatbox_members:hover+#chatbox{top:190px}#chatbox_members:hover{height:150px}#chatbox_members:hover:after{opacity:0;visibility:hidden}body #chatbox_contextmenu{background:#fff;border:1px solid #ccc;padding:3px;min-width:100px}.panel #chatbox_bottom,.panel #chatbox_top{height:400px!important}body #chatbox .cb-avatar{border:2px solid #69c!important;box-shadow:none;height:34px;width:34px}body #chatbox .cb-avatar img{height:34px;width:34px}@media (min-width:0px) and (max-width:768px){#navbar .mainmenu,#tabs a{line-height:50px}.forum-stats,.lastpost-avatar,body #fa_toolbar,body #fa_toolbar_hidden,label[for=message]{display:none}table.portal>tbody>tr>td{display:block;width:100%}#logo-desc{text-align:center;padding:15px 0}#logo{float:none}#logo img{max-width:100%}body #fa_theme_selector{float:right;width:254px;margin:0 0 6px}#main-search{clear:right}form.search-form input.search-keywords{width:200px}.forum-lastpost{width:39%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.forum-lastpost a[href$="view=newest"],.forum-lastpost>div>span>a,.last-post-icon{position:absolute;top:50%;right:3px;margin-top:-6px}.post-inner{margin:0!important}.postprofile{width:100%;margin:-10px 0 10px!important;float:none!important}.postprofile dl{width:100%;border:none;border-bottom:1px solid #ccc;padding-top:3px}.field-info,.postprofile dt{float:left;width:50%;padding:0!important}.contact-info{clear:both}.user-avatar img{height:50px;width:50px}.post{position:relative;padding-bottom:70px}.postbody .profile-icons{background:#fff;border-top:1px solid #ccc;text-align:right;margin:0;padding:3px;width:auto;white-space:nowrap;overflow-x:auto;position:absolute;bottom:0;left:0;right:0}.profile-icons li{float:none!important;display:inline-block;margin:1px!important}li.vote{display:block;text-align:left}.lor_maintitle{font-size:24px}.lor_panel{display:block;width:90%;margin:6px auto}#message-box,#message-box #textarea_content,#smiley-box,#smiley-box iframe,#textarea_content{width:100%!important;float:none}#smiley-box iframe{height:200px!important}form .fields1 input.medium{width:90%}body .sceditor-container{margin-left:-2px}.sceditor-container .sceditor-toolbar{white-space:nowrap;overflow-x:auto;width:100%;padding:6px 0}body div.sceditor-dropdown{position:fixed!important;top:auto!important;left:0!important;right:0;bottom:0;text-align:center;height:200px;overflow:auto;padding:6px 0!important;border-radius:0;margin-top:0!important}body .sceditor-dropdown>p{margin:0;height:100%}.sceditor-dropdown #obj_servimg{width:100%!important;height:100%!important;border:none}.sceditor-dropdown #quickEmojInternal{width:100%;height:100%}#attachment_show{width:100%;overflow:auto}#who_is_online>div>.content-block{margin:6px 0}#who_is_online>div{float:none;width:100%}#picture_legend{text-align:left}.pic_legend_icon{width:50%!important;margin:0}.module_column{width:250px}.module_column.column_left:not(.active){left:-250px}.module_column.column_right:not(.active){right:-250px}.column_button_left.active{left:250px}.column_button_right.active{right:250px}#footer_end_inner>div,#page-footer>div{display:block;float:none;width:100%;margin:10px 0;text-align:center}#message{width:80%}#submit_button{width:15%;float:right}#chatbox{bottom:80px}#chatbox_footer{height:80px!important}#chatbox_footer .style-buttons{display:block;float:none}#search_body select[name=search_where],.inputbox[style="width:250px"]{width:90%!important}.gallery-avatar{margin:0 0 20px 20px}#calendar{max-width:100%;overflow-x:auto}.avatar-mini img{height:25px;width:25px}#memberlist td.avatar-mini+td,#memberlist td.avatar-mini+td+td,#memberlist td.avatar-mini+td+td+td+td,#memberlist th.interests,#memberlist th.joined,#memberlist th.number,#memberlist th.posts,#memberlist tr>td:first-child{display:none}.privmsgs .forum-info{width:90%}#privmsgs-menu li{display:block!important;text-align:left}#profile-advanced-layout{margin:0}#profile-advanced-left,#profile-advanced-right{float:none;width:100%}#new-message-link{position:static;float:left;margin-top:11px}}@media (min-width:0px) and (max-width:400px){.fa_img_reduced,.message-text img,.mod_news img,.postbody .content img{max-width:100%!important}}@media (min-width:450px) and (max-width:768px){.lastpost-avatar{display:block;position:absolute;right:16px;top:50%;margin-top:-20px}}@media (min-width:769px) and (max-width:1024px){#message-box,#message-box #textarea_content,#smiley-box,#smiley-box iframe,#textarea_content{width:100%!important;float:none}#smiley-box iframe{height:200px!important}form .fields1 input.medium{width:90%}body .sceditor-container{margin-left:-2px}}#divPub{position:absolute;bottom:0;left:0}#main-content>div[class]:first-child:not(.content-block):not(.panel),#main-content>div[style*="overflow:visible"]{background:0 0;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%}#fym_banner{max-width:100%}#fae_sticky_nav_panel a img[src$="empty.gif"]{display:none}#memberlist .avatar-mini+td{max-width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#profile-advanced-right .module div[style="text-align:center;"] img:first-child{max-width:100%}
/*!FAE_WIDTH*/#page-body{width:95%;margin:0 auto;}
/*!FAE_NAV_DIR*/#navbar{text-align:center}
/*!FAE_LOGO_DIR*/#logo-desc{text-align:center}#logo{float:none}
/*!FAE_PROFIL_DIR*/.postprofile{float:left;margin-left:-300px;margin-right:0px}.post-inner{margin-right:0;margin-left:300px}/*!END_FAE_PROFIL_DIR*/
petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
Mon CSS ajouté sur feuille de style:

Code:
/*Afficher l'id du membre au lieu de la numérotation dans la liste des membres*/
.M14_Id_member{color:#fff;padding: 2px;background-color: #69C;}

/*Afficher les champs du profil des messages en relation avez le thème choisi*/
.field-info.title{height:auto;}
dd.field-info {margin-right: 3px !important;margin-left: 3px !important;margin-top: 20px !important;}
.profile-field .label {text-align: justify;left: 10%;position: relative;}
.field-info .value {text-align: center;float: right;text-indent: 2px;}
dd.field-info span[class^="profile-field field"] .label span,
dd.field-info span[class^="profile-field field"] .value{color: #fff !important ;}

/*Installer un selecteur de taille de police*/
span#fa_fontsize_label{padding:8px 6px;background-color: #69C;color:white !important;top: -1px;position: relative;}
select#fa_fontsize{background-color: #69C;color:white !important;}
 
/*Installer le plugin tooltip et bordures adaptées au thème*/
.tooltipster-base{border:3px solid #69c;}
 
/*Boutons liste, liste ordonnée hr et tableau sur la réponse rapide*/
#M14_hr div
{
background-image: url("http://illiweb.com/rs3/18/frm/SCEditor/src/themes/famfamfam.png");
background-repeat: no-repeat;
background-position: 0px -400px;
}
#M14_list div
{
background-image: url("http://illiweb.com/rs3/18/frm/SCEditor/src/themes/famfamfam.png");
background-repeat: no-repeat;
background-position: 0px -576px;
}
#M14_list_ordo div
{
background-image: url("http://illiweb.com/rs3/18/frm/SCEditor/src/themes/famfamfam.png");
background-repeat: no-repeat;
background-position: 0px -288px;
}
#M14_tab div
{
background-image: url("http://illiweb.com/rs3/18/frm/SCEditor/src/themes/famfamfam.png");
background-repeat: no-repeat;
background-position: 0px -80px;
}

/*Lien en version PopUp*/
#framelink {
    background: #fff;
    background-image:url(http://i58.servimg.com/u/f58/18/66/22/79/charge10.gif);
    background-size: 100%;
    width: 90%;
    border: 2px solid #ddd;
    height: 550px;
    border-radius: 6px;
    border-top-style: dashed;
}
#centerLocatio {
    width:100%;
    height:500%;
    background: rgba(50, 50, 50, 0.3);
    position:fixed;
}
#locs2 {
    margin-top:5% !important;
}
#locs {
    top:0%;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 1000px;
    background: rgba(50, 50, 50, 0.45);
}
#fecha {
    color: red;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ddd;
    border-top-style: dashed;
    cursor: url('http://img97.imageshack.us/img97/9688/cur5582.png'), auto;
    padding: 5px;
    padding-top: 1px;
    border-radius: 6px;
}
 
/*Bannière hover*/
#page-header:hover
#logo img.M14_logo_first,img.M14_logo_second {
-moz-opacity:0;-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);opacity:0;
}
#page-header:hover img.M14_logo_second{
-moz-opacity:1;-khtml-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);opacity:1;}  
#logo img{
-webkit-transition: opacity 3s ease-in-out;
-moz-transition: opacity 3s ease-in-out;
-o-transition: opacity 3s ease-in-out;
transition: opacity 3s ease-in-out;
}
/*on remonte l image du deuxieme logo par rapport à sa hauteur en negativite*/
img.M14_logo_second {position: relative;margin-top: -295px;} 

/*IMAGES POUR MODERATION*/
.muun {
background-color : #BAA697;
border: 1px solid #BAA697;
color: #000000 !important;}
.twi {
background-color : #7F94E8;
border: 1px solid #7F94E8;
color: #000000 !important;}
.naut {
background-color : #748245;
border: 1px solid #748245;
color: #ffffff !important;}
.togru {
background-color : #A6491B;
border: 1px solid #A6491B;
color: #ffffff !important;}
.geo {
background-color : #78481E;
border: 1px solid #78481E;
color: #ffffff !important;}
.qua {
background-color : #D1814B;
border: 1px solid #D1814B;
color: #000000 !important;}
.neimo {
background-color : #737140;
border: 1px solid #737140;
color: #ffffff !important;}
.hum {
background-color : #BDB75E;
border: 1px solid #BDB75E;
color: #000000 !important;}
.zig {
background-color : #694D41;
border: 1px solid #694D41;
color: #ffffff !important;}
.non {
background-color : #cd7c5a;
border: 1px solid #cd7c5a;
color: #ffffff !important;}
.oui {
background-color : #3a947d;
border: 1px solid #3a947d;
color: #ffffff !important;}
.info{
background-color : #ddb37c;
border: 1px solid #ddb37c;
color: #ffffff !important;}

   
/****************Ma boutique*****************/
#conteneur_ma-boutique{
width:794px;
background:#FFF;
line-height:16px;
}
#conteneur_ma-boutique h4{
padding:0px;
margin:0px
}
#conteneur_ma-boutique .entete,#conteneur_ma-boutique .ma-boutique{
background:#FFF;
border: 1px solid #6E6A65;
}
#conteneur_ma-boutique .entete{
background: #69C;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #FFF;
font-family: arial,helvetica,sans-serif;
font-size: 20px;
}
#conteneur_ma-boutique .entete>span{
display:block;
margin:4px 10px;
}
#conteneur_ma-boutique .ma-boutique{
width:100%;
box-sizing:border-box;
}
#conteneur_ma-boutique .article{
float:left;
background:#FFF;
border: 1px solid #CECECE;
padding:5px;
margin:5px;
text-align: center;
box-sizing: border-box;
width: 188px;
}
#conteneur_ma-boutique .article.points_insuffisants{
background:#ECECEC;
}
#conteneur_ma-boutique .article .titre{
overflow:hidden;
text-overflow:ellipsis;
margin-top:5px;
margin-bottom:20px;
}
#conteneur_ma-boutique .image{
max-width:70px;
max-height:70px;
}
#conteneur_ma-boutique .ajout-panier{
background-color: #F3F3F3;
border: 1px solid #CECECE;
border-radius:3px;
color: #000;
font-family: "Roboto","Helvetica Neue",Arial;
font-size: 15px;
margin: 4px;
padding:4px;
}
#conteneur_ma-boutique .ajout-panier.points_suffisants:hover{
cursor:pointer;
font-weight:700
}
#conteneur_ma-boutique .ajout-panier.points_insuffisants{
background:#DBD7D7
}
#conteneur_ma-boutique .prix{
background: url("http://zupimages.net/up/17/22/u6r2.jpg") no-repeat scroll 0% 0% transparent;
color: #242424;
float: left;
font-size: 16px;
font-weight: 700;
padding-bottom: 5px;
padding-left: 18px;
text-align: center;
}
#conteneur_ma-boutique .disponibilite{
color: #333333;
font-size: 13px;
font-style: italic;
text-align: center;
float: right;
}
#conteneur_ma-boutique .disponibilite:first-letter{
text-transform:capitalize
}
#bloc-panier-caisse{
border-top:1px #6E6A65 solid;
background:#fefefe;
}
#infos_boutique{
float:left;
padding:5px;
}
#infos_boutique h4{
margin-top:10px;
margin-bottom:5px;
color:#d00
}
#panier-caisse{
float:right
}
#panier{
overflow:auto;
height:105px;
width:280px;
border:1px #6E6A65 solid;
border-top:none;
background:#eeeeee
}
#panier h4{
font-size:14px;
line-height:19px;
text-align:center;
cursor:pointer;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa
}
#panier h4.article_ajoute:hover{
background:#fff url(http://illiweb.com/fa/subsilver/topic_trashcan.gif) 0% 0% no-repeat;
}
#panier h4.succes_achat{
background:#dfd;
}
#panier h4.echec_achat{
background:#fdd;
}
/****************Fin ma boutique*****************/
 
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum Mathéo,

Milouze14 a écrit:
Merci, mais je ne vois pas la feuille de style sur ta page de connexion,

tu peux éditer ta page html et donner le contenu ici ainsi que le script stp




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
Code:
<!--
            DEVELOPED BY ANGE TUTEUR
            NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR
            ORIGIN : http://fmdesign.forumotion.com/t420-multi-step-login-form#3371
            -->
         
            <style type="text/css">/* CONTAINERS AND GENERAL SETUP */
            body { overflow:hidden; }
              #fa_button_next,.fa_login_button{padding:0px 8px 10px !important;}
            #fa_form_container { color:#666; font-size:12px; font-family:Arial, sans-serif; background:#FFF; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; overflow:auto; }
            #fa_form_container a { color:#69C !important; }
            #fa_form_container a:hover { color:#369 !important; }
            .fa_login_maintitle { font-size:24px; font-weight:bold; text-align:center; text-transform:uppercase; margin:20px 0; }
            .fa_login_maintitle img { vertical-align:-5px; height:30px; margin-right:6px; }
            .fa_login_title { text-align:center; margin:30px 0; color:#666; font-size:28px; font-weight:bold; font-family:Arial, sans-serif; }
            .fa_login_desc { font-size:16px; text-align:center; margin:10px 0; }
            .fa_form_wrap { text-align:center; background:#EEE; border:1px solid #DDD; box-shadow:0 6px 12px rgba(0, 0, 0, 0.1); border-radius:3px; padding:30px 6px; width:300px; margin:30px auto; overflow:hidden; position:relative; transition:250ms; }
            .fa_login_row { margin:10px 0; }
            .fa_form_links { text-align:center; }
            .fa_login_origin { font-size:12px; position:fixed; bottom:10px; right:10px; z-index:-1; }
            .fa_login_origin a { font-weight:bold; }
         
            /* AVATAR AND USERNAME */
            .fa_login_avatar { background:#FFF; border:1px solid #DDD; border-radius:100px; padding:2px; display:inline-block; width:100px; height:100px; overflow:hidden; position:relative; }
            .fa_login_avatar img { height:100px; width:100px; border-radius:100px; }
            #fa_avatar_real { background:#FFF; position:absolute; top:50px; left:50px; right:2px; bottom:2px; height:0; width:0; transition:linear 150ms; }
            #fa_avatar_real.avatar_visible { top:2px; left:2px; height:100px; width:100px; }
            .fa_login_username { font-size:16px; font-weight:bold; }
         
            /* BUTTONS AND INPUTS */
            .fa_login_button { color:#69C; background:none; border:1px solid #69C; border-radius:3px; font-size:16px; font-weight:bold; font-family:Arial, sans-serif; display:block; height:30px; line-height:30px; width:240px; margin:10px auto; transition:250ms; outline:none; cursor:pointer; }
            .fa_login_button:hover { color:#FFF; background:#69C; }
            .fa_login_input { color:#666; background:#FFF; border:1px solid #CCC; border-radius:3px; padding: 0 3px; height:30px; width: 232px; outline:none; }
            .fa_login_input:focus { border-color:#69C; }
         
            /* FORM SLIDES AND BACK BUTTON */
            .fa_form_slide { position:absolute; width:100%; transition:300ms; }
            #fa_login_back { position:absolute; top:30px; left:40px; opacity:0; visibility:hidden; transition:250ms; }
            #fa_login_back.fa_login_visible { opacity:1; visibility:visible; }
         
         
            /* ACCOUNT LIST */
            #account_list { background:#EEE; position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; }
            .account_list_row { font-size:16px; text-align:left; width:80%; margin:10px auto; position:relative; }
            .account_list_inner { background:#FFF; border:1px solid #DDD; border-radius:3px; padding:3px; width:80%; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
            .account_list_inner:hover { background:#FFD }
            .account_list_avatar { height:40px; width:40px; vertical-align:middle; margin-right:3px; }
            #fa_form_container a.account_list_delete { font-size:30px; color:#F33 !important; background:#FFF; border:1px solid #F33; border-radius:100px; width:20px; height:20px; line-height:22px; text-align:center; position:absolute; margin-top:-10px; top:50%; right:0; display:block; overflow:hidden; }
            #fa_form_container a.account_list_delete:hover { color:#333 !important; border-color:#333; }
         
            /* HIDE FIELDS */
            .logged_out #fa_form_logout, .logged_in #fa_form_login, .noscript #fa_form_login, .noscript #fa_form_logout, #account_list.accounts_hidden { display:none }</style>
         
            <div id="fa_form_container" class="logged_out noscript">
        <h1 class="fa_login_maintitle"><a href="LIEN DE VOTRE FORUM" target="_blank"><img src="https://im0.all-up.com/static/images/sigle.png"/><span style="color:#39C;">TITRE DE VOTRE FORUM</span></a></h1>
         
              <!-- START_NOSCRIPT_LOGIN_FORM -->
              <noscript>
                <form action="/login" method="post">
                  <h2 class="fa_login_title">Connexion</h2>
                  <p class="fa_login_desc">Connectez-vous pour accéder à ce forum</p>
                  <div class="fa_form_wrap">
                    <div class="fa_login_row">
                      <input id="fa_login_username" class="fa_login_input" type="text" name="username" placeholder="Entrez votre nom d'utilisateur"/>
                    </div>
               
                    <div class="fa_login_row">
                      <input id="fa_login_password" class="fa_login_input" type="password" name="password" placeholder="Mot de passe"/>
                    </div>
               
                    <div class="fa_login_row">
                      <input class="fa_login_button" type="submit" name="login" value="Connexion"/>
                   
                      <div style="width:240px;margin:auto;">
                        <div style="float:left;">
                          <label for="fa_autologin"><input id="fa_autologin" type="checkbox" name="autologin"/>Connexion automatique</label>
                        </div>
                     
                        <div style="float:right;">
                          <a href="/profile?mode=sendpassword">Mot de passe oublié?</a>
                        </div>
                     
                        <div class="clear"></div>
                      </div>
                    </div>
                  </div>
             
                  <div class="fa_form_links">
                    <div class="fa_login_row">
                      <a href="/register">Créer un compte</a>
                    </div>
                    <div class="fa_login_row">
                      <a href="/login#login_classic">Connexion classique</a> | <a href="/login?logout=true#login_classic">Classic logout</a>
                    </div>
                  </div>
                </form>
              </noscript>
              <!-- END_NOSCRIPT_LOGIN_FORM -->
         
              <!-- START_LOGIN_FORM -->
              <form id="fa_form_login" action="/login" method="post">
                <h2 class="fa_login_title">Connexion</h2>
                <p class="fa_login_desc">Veuillez vous connecter pour avoir un accès complet à  <script type="text/javascript">document.write('<a href="http://' + window.location.host + '">' + window.location.host + '</a>');</script></p>
                  <div id="fa_form_wrap" class="fa_form_wrap" style="height:210px;">
                    <div class="fa_login_row">
                      <a id="fa_login_back" href="#">Retour</a>
                      <span class="fa_login_avatar">
                        <img src="https://illiweb.com/fa/invision/pp-blank-thumb.png"/>
                        <img id="fa_avatar_real" src="https://illiweb.com/fa/invision/pp-blank-thumb.png"/>
                      </span>
                    </div>
               
                    <!-- START_STEP_1 -->
                    <div id="login_step_1" class="fa_form_slide" style="left:0px;">
                      <div class="fa_login_row">
                        <input id="fa_login_username" class="fa_login_input" type="text" name="username" placeholder="Entrez votre nom d'utilisateur"/>
                        <p id="fa_error_username" class="fa_login_row" style="color:#F00;display:none;">S'il vous plaît entrez votre nom d'utilisateur.</p>
                      </div>
               
                      <div class="fa_login_row">
                        <input id="fa_button_next" class="fa_login_button" type="button" value="Suivant"/>
                      </div>
                    </div>
                    <!-- END_STEP_1 -->
               
                    <!-- START_STEP_2 -->
                    <div id="login_step_2" class="fa_form_slide" style="left:400px;">
                      <div class="fa_login_row">
                        <span class="fa_login_username"></span>
                      </div>
               
                      <div class="fa_login_row">
                        <input id="fa_login_password" class="fa_login_input" type="password" name="password" placeholder="Mot de passe"/>
                        <p id="fa_error_password" class="fa_login_row" style="color:#F00;width:240px;margin:10px auto;display:none;">Vous avez spécifié un nom d'utilisateur ou un mot de passe incorrect.</p>
                      </div>
               
                      <div class="fa_login_row">
                        <input class="fa_login_button" type="submit" name="login" value="Connexion"/>
                   
                        <div style="width:240px;margin:auto;">
                          <div style="float:left;">
                            <label for="fa_autologin"><input id="fa_autologin" type="checkbox" name="autologin"/> Se connecter automatiquement</label>
                          </div>
                     
                          <div style="float:right;">
                            <a href="/profile?mode=sendpassword">Mot de passe oublié?</a>
                          </div>
                     
                          <div class="clear"></div>
                        </div>
                      </div>
                    </div>
                    <!-- END_STEP_2 -->
                  </div>
             
                  <div class="fa_form_links">
                    <div id="account_list_holder" class="fa_login_row"></div>
                    <div class="fa_login_row">
                      <a href="/register">Créer un compte</a>
                    </div>
                    <div class="fa_login_row">
                      <a href="/login#login_classic">Connexion classique</a>
                    </div>
                  </div>
              </form>
              <!-- END_LOGIN_FORM -->
         
              <!-- START_LOGOUT_FORM -->
              <form id="fa_form_logout" action="/login?logout=true" method="post">
                <h2 class="fa_login_title">Connexion</h2>
                <p class="fa_login_desc">Vous êtes sur le point de vous déconnecter de <script type="text/javascript">document.write('<a href="http://' + window.location.host + '">' + window.location.host + '</a>');</script></p>
                  <div class="fa_form_wrap">
                    <div class="fa_login_row">
                      <span class="fa_login_avatar"><script type="text/javascript">document.write(_userdata.avatar);</script></span>
                    </div>
               
                    <div class="fa_login_row">
                      <span class="fa_login_username"><script type="text/javascript">document.write('<a href="/u' + _userdata.user_id + '" target="_blank">' + _userdata.username + '</a>');</script></span>
                    </div>
               
                    <div class="fa_login_row">Êtes-vous sûr de vouloir vous déconnecter ?</div>
                    <div class="fa_login_row">
                      <input class="fa_login_button" type="submit" name="confirm" value="Oui"/>
                      <input class="fa_login_button" type="submit" name="cancel" value="Non"/>
                      <script type="text/javascript">//<![CDATA[
                      _userdata.session_logged_in && (function() {
                        var logout = document.getElementById('logout'),
                            container = document.getElementById('fa_form_container'),
                            form_logout = document.getElementById('fa_form_logout');
                         
                        document.title = 'Log out';
                        container.className = 'logged_in';
                   
                        /* if the default login link is present we can get the data from the href attribute. ( FASTER )
                        ** otherwise we'll need to send an AJAX request to the login page for the data ( SLOWER ) */
                        if (logout) {
                          var tid = logout.href.replace(/.*?tid=(.*?)&.*/, '$1'),
                              key = logout.href.replace(/.*?key=(.*?)$/, '$1');
                           
                          form_logout.action += '&tid=' + tid;
                          document.write('<input type="hidden" name="tid" value="' + tid + '"><input type="hidden" name="key" value="' + key + '">');
                        } else {
                          $.get('/login?logout=true&change_version=prosilver', function(d) {
                            var info = $('.submit-buttons', d)[0];
                            if (info) {
                              info.style.display = 'none';
                              form_logout.appendChild(info);
                              form_logout.action += '&tid=' + form_logout.tid.value;
                            }
                          });
                        }
                      }());
                      //]]></script>
                    </div>
                  </div>
                </form>
                <!-- END_LOGOUT_FORM -->
           
                <div class="fa_login_origin">Formulaire de connexion développé par Ange Tuteur. <a href="http://fmdesign.forumotion.com/t420-multi-step-login-form#3371">Obtenir le code !</a></div>
            </div>
         
            <script type="text/javascript">//<![CDATA[
            !_userdata.session_logged_in && (function() {
              document.title = 'Log in';
         
              window.fa_form_login = {
                redirect : my_getcookie('fa_login_form_redirect') || '/forum', /* change redirection page after login */
                submitting : false, /* true if posting login info */
           
                accountList : document.createElement('DIV'), /* stores logged accounts */
         
                /* move onto the password step
                  pass along the user id to get the user avatar faster */
                next : function(id) {
                  var username = document.getElementById('fa_login_username');
             
                  if (username.value) {
                    var avatar = document.getElementById('fa_avatar_real'),
                        row, accounts, i;
               
               
                    fa_form_login.clearError('username');
                    username.value = username.value.replace(/^\s+|\s+$/g, ''); // trim extra white space
               
                    // check if the username is already stored
                    if (!id && storage && storage.fa_accounts && window.JSON) {
                      accounts = JSON.parse(storage.fa_accounts);
                      for (i in accounts) {
                        if (username.value.toLowerCase() == accounts[i].username.toLowerCase()) {
                          id = i;
                          break;
                        }
                      }
                    }
               
                    row = id ? null : document.getElementById('account_user_' + id);
               
                    // check if account row is created to get an avatar that's already loaded
                    if (row) avatar.src = row.getElementsByTagName('IMG')[0].src;
                    else {
                      $.get(id ? '/ajax/index.php?f=m&user_id=' + id : '/profile?mode=viewprofile&u=' + username.value, function(d) {
                        var ava = id ? $('.tooltip-content img', d)[0] : $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img:first, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', d)[0];
                        avatar.src = ava ? ava.src : 'https://illiweb.com/fa/invision/pp-blank-thumb.png';
                        avatar.className = 'avatar_visible';
                      });
                    }
             
                    $('.fa_login_username').html('<a href="/profile?mode=viewprofile&u=' + username.value + '" target="_blank">' + username.value + '</a>');
               
                    document.getElementById('fa_form_wrap').style.height = '260px';
                    document.getElementById('login_step_1').style.left = '-400px';
                    document.getElementById('login_step_2').style.left = '0px';
                    document.getElementById('fa_login_back').className = 'fa_login_visible';
               
                    window.setTimeout(function() {
                      document.getElementById('fa_login_password').focus();
                    }, 300);
                  } else {
                    fa_form_login.error('username');
                  }
                },
           
                /* move back to the username step */
                back : function() {
                  fa_form_login.clearError('password');
             
                  document.getElementById('fa_login_username').focus();
                  document.getElementById('fa_avatar_real').className = '';
             
                  document.getElementById('fa_form_wrap').style.height = '210px';
                  document.getElementById('login_step_1').style.left = '0px';
                  document.getElementById('login_step_2').style.left = '400px';
                  document.getElementById('fa_login_back').className = '';
                  return false;
                },
           
                /* submit the login form */
                submit : function() {
                  if (!fa_form_login.submitting) {
                    fa_form_login.submitting = true;
               
                    document.getElementById('fa_form_wrap').style.height = '260px';
                    fa_form_login.clearError('password');
               
                    $.post('/login', $('#fa_form_login').serialize() + '&login=true', function(d) {
                      fa_form_login.submitting = false;
                      if (/_userdata\["session_logged_in"\] = 1/.test(d)) {
                        var storage = window.localStorage,
                            id = d.match(/_userdata\["user_id"\] = (\d+)/)[1];
                   
                        /* store the user_id and username for next login */
                        if (storage && window.JSON) {
                          var accounts = storage.fa_accounts ? JSON.parse(storage.fa_accounts) : {}, i;
                     
                          for (i in accounts) accounts[i].last_active = 0;
                     
                          accounts[id] = {
                            last_active : 1, /* last active account will be marked with a 1 */
                            username : document.getElementById('fa_login_username').value
                          };
                     
                          storage.fa_accounts = JSON.stringify(accounts);
                        }
                   
                        my_setcookie('fa_login_form_redirect', '');
                        window.location.href = fa_form_login.redirect;
                      } else {
                        fa_form_login.error('password');
                      }
                    });
                  }
                  return false;
                },
           
                /* throw a form error and display the error text */
                error : function(type) {
                  var error = document.getElementById('fa_error_' + type),
                      wrap = document.getElementById('fa_form_wrap');
             
                  if (/none/.test(error.style.display)) {
                    document.getElementById('fa_login_' + type).style.borderColor = '#F00';
             
                    error.style.display = 'block';
                    wrap.style.height = +wrap.style.height.replace(/px/, '') + error.getBoundingClientRect().height + 'px';
                  }
                },
           
                /* clear the specified error */
                clearError : function(type) {
                  document.getElementById('fa_error_' + type).style.display = 'none';
                  document.getElementById('fa_login_' + type).style.borderColor = '';
                },
           
                /* delete a profile from the account list */
                deleteProfile : function(id) {
                  var storage = window.localStorage, accounts = JSON.parse(storage.fa_accounts),
                      row = document.getElementById('account_user_' + id),
                      i;
         
                  delete accounts[id];
                  for (i in accounts) {
                    accounts[i].last_active = 1;
                    break;
                  }
                  storage.fa_accounts = JSON.stringify(accounts);
             
                  row.parentNode.removeChild(row);
                  if (!fa_form_login.accountList.firstChild) fa_form_login.accountList.innerHTML = '<div class="fa_login_row">Il n\'y a pas de comptes enregistrés.</div><div class="fa_login_row"><a href="javascript:fa_form_login.toggleAccounts();">Retour à la connexion</a></div>';
                },
           
                /* create the profile rows based onto the accounts you logged into */
                createProfile : function(id, o) {
                  var row = document.createElement('DIV');
                  row.id = 'account_user_' + id;
                  row.className = 'account_list_row';
                  row.innerHTML = '<div class="account_list_inner"><img class="account_list_avatar" src="https://illiweb.com/fa/invision/pp-blank-thumb.png"/> <span class="account_list_username">' + o.username + '</span></div><a class="account_list_delete" title="Supprimer le compte" href="javascript:fa_form_login.deleteProfile(\'' + id + '\');">X</a>';
                  row.firstChild.onclick = function() {
                    fa_form_login.toggleAccounts();
                    document.getElementById('fa_login_username').value = $('.account_list_username', this).text();
                    fa_form_login.next(this.parentNode.id.slice(13));
                  };
             
                  $.get('/ajax/index.php?f=m&user_id=' + id, function(d) {
                    var ava = $('.tooltip-content img', d)[0];
                    if (ava) row.getElementsByTagName('IMG')[0].src = ava.src;
                  });
             
                  fa_form_login.accountList.appendChild(row);
                },
           
                /* basic setup of the account list */
                initAccountList : function() {
                  var a = document.createElement('A'),
                      holder = document.getElementById('account_list_holder');
             
                  a.href = '#';
                  a.innerHTML = 'Choisir un autre compte';
                  a.onclick = fa_form_login.toggleAccounts;
             
                  fa_form_login.accountList.id = 'account_list';
                  fa_form_login.accountList.className = 'accounts_hidden';
             
                  document.getElementById('fa_form_wrap').appendChild(fa_form_login.accountList);
                  holder.appendChild(a);
                },
           
                /* toggle display of the account list */
                toggleAccounts : function() {
                  if (/accounts_hidden/.test(fa_form_login.accountList.className)) {
                    fa_form_login.accountList.className = '';
                    document.getElementById('account_list_holder').firstChild.innerHTML = 'Retour à la connexion';
                  } else {
                    fa_form_login.accountList.className = 'accounts_hidden';
                    document.getElementById('account_list_holder').firstChild.innerHTML = 'Choisir un autre compte';
                  }
             
                  if (!fa_form_login.accountList.firstChild) fa_form_login.accountList.innerHTML = '<div class="fa_login_row">Il n\'y a pas de comptes enregistrés.</div><div class="fa_login_row"><a href="javascript:fa_form_login.toggleAccounts();">Retour à la connexion</a></div>';
                  return false;
                }
              };
         
              var container = document.getElementById('fa_form_container'),
                  username = document.getElementById('fa_login_username'),
                  storage = window.localStorage;
         
              container.className = 'logged_out';
         
              /* move forward in the form when ENTER is pressed */
              username.onkeydown = function(e) {
                if (e.keyCode && e.keyCode == 13) {
                  fa_form_login.next();
                  return false;
                }
              };
           
              /* if the specified data is useable we'll go through the stored accounts in localStorage and form a list for switching */
              if (storage && storage.fa_accounts && window.JSON) {
                var accounts = JSON.parse(storage.fa_accounts),
                    i, last_active = false;
           
                for (i in accounts) {
                  if (accounts[i].last_active) {
                    last_active = true;
                    username.value = accounts[i].username;
                    fa_form_login.next(i);
                  }
               
                  fa_form_login.createProfile(i, accounts[i]);
                }
           
                fa_form_login.initAccountList();
                !last_active && username.focus();
              } else username.focus();
         
              document.getElementById('fa_button_next').onclick = function() {
                fa_form_login.next();
              };
              document.getElementById('fa_login_back').onclick = fa_form_login.back;
              document.getElementById('fa_form_login').onsubmit = fa_form_login.submit;
            }());
            //]]></script>
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Et le script !!!!!!!!!



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
Ce n'est pas celui là ? (désolé je suis dans une galère totale mon css ne marche pas)
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ce n'est pas celui là ?

Non c'est pour la page html clin oeil .


As tu déposé ce script :

en changeant :
Code:
/h51-connexion

Par ta page html:
Code:
/h2-co-deco

Code:

    (function() {
              var html_page = '/h51-connexion',
                  link_change = true,
                  redirect = true;
         
              $(function() {
                var regex = new RegExp(html_page);
         
                // link change
                if (link_change && !regex.test(window.location.href)) {
                  $('a[href^="/login"], a[href^="http://' + window.location.host + '/login"]').attr('href', html_page);
                }
         
                // redirect to classic if login page isn't available
                if (!document.getElementById('fa_form_container') && regex.test(window.location.href)) {
                  window.location.href = '/login#login_classic';
                }
              });
         
              // login redirection
              // saves redirect location so you're taken to the correct page upon login
              if (/\/login\?redirect/.test(window.location.href)) {
                my_setcookie('fa_login_form_redirect', window.location.search.replace(/.*?redirect=(.*?)(?:&|$)/, '$1'));
              }
         
              // redirect
              if (redirect && /\/login/.test(window.location.href)) {
                if (/login_classic/.test(window.location.hash) || /admin=1/.test(window.location.href)) return;
                window.location.href = html_page;
              }
            }());



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
Oui, j'ai fait ceci:

Code:
(function() {
          var html_page = '/h2-co-deco',
              link_change = true,
              redirect = true;
       
          $(function() {
            var regex = new RegExp(html_page);
       
            // link change
            if (link_change && !regex.test(window.location.href)) {
              $('a[href^="/login"], a[href^="http://' + window.location.host + '/login"]').attr('href', html_page);
            }
       
            // redirect to classic if login page isn't available
            if (!document.getElementById('fa_form_container') && regex.test(window.location.href)) {
              window.location.href = '/login#login_classic';
            }
          });
       
          // login redirection
          // saves redirect location so you're taken to the correct page upon login
          if (/\/login\?redirect/.test(window.location.href)) {
            my_setcookie('fa_login_form_redirect', window.location.search.replace(/.*?redirect=(.*?)(?:&|$)/, '$1'));
          }
       
          // redirect
          if (redirect && /\/login/.test(window.location.href)) {
            if (/login_classic/.test(window.location.hash) || /admin=1/.test(window.location.href)) return;
            window.location.href = html_page;
          }
        }());
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
As tu un compte admin de dispo Mathéo ?
Si oui merci de me le donner en MP stp



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Voilà Mathéo,
pourtant c'était bien noté qu'il ne fallait pas utiliser le mode suivant:

Création en mode simple (WYSIWYG)

Mais le mode:
Création en mode avancé (HTML)

Voilà , c'est résolu mon ami clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
Ah oups ... :)

Et pour mon CSS, aurais-tu une idée, car là plus aucun code de la feuille de style ne marche :)


Un GROS ET ENORME MERCI fr4
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Il vaut mieux clôturer ce sujet et en ouvrir un autre car il n'y a plus de relation avec ton sujet initial Mathéo, mais aprioris tout fonctionne sur ton fofo



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





petit coq
avatar
Nouveau membre

Messagepetit coq

  • 16px
  • 24px
  • Zoom
ok
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum