élément sauvegarder

Code:

<ul class="navigatCat">
   <!-- BEGIN switch_user_logged_in -->
   <li>
      <a href="{U_SEARCH_NEW}">Les dernières missives</a>
   </li>
   <li>
      <a href="{U_SEARCH_SELF}">Mes correspondances</a>
   </li>
   <!-- END switch_user_logged_in -->
      <!-- BEGIN switch_user_logged_in -->
      <li>
         <a href="{U_MARK_READ}" accesskey="m">Effacer les lectures</a>
      </li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <div class="categorie-main" id="{catrow.tablehead.ID}">{catrow.tablehead.L_FORUM}</div>
                  <div class="lineCAT"></div>
         
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <div class="forum-block" id="{catrow.forumrow.FORUM_NAME}" data-type="{catrow.forumrow.L_FORUM_FOLDER_ALT"><li class="row">
               <div class="Titre_mess"
                                       <div>
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        
                                 
                                 
                                  </div>
                                     <div class="principCate">
                                           <div class="lastpost">
                                          <div class="ava-dernier">
                           <!-- BEGIN avatar -->
                             {catrow.forumrow.avatar.LAST_POST_AVATAR}
                                       <!-- END avatar --></div>
                                 
                                       <div class="derM">{catrow.forumrow.LAST_POST}</div>     

                                        </div> 
                                             <div class="bouT"> <img class="mesA"src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
                                             <div class="desM">{catrow.forumrow.FORUM_DESC}</div>
                                   </div>
                                       <div class="sousfofo">
                                   {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                     </div>
                                 
                                   
                                  </li></div>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            
                  <div class="zb"></div></div>
   <!-- END tablefoot -->
<!-- END catrow -->


<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
   var btn_collapse = $('<div></div>', {
      class: 'btn-collapse'
   });

   var btn_collapse_show = $('<i></i>', {
      class: 'ion-android-add-circle hidden',
      'data-tooltip': '{L_EXPEND_CAT}'
   }).appendTo(btn_collapse);

   var btn_collapse_hide = $('<i></i>', {
      class: 'ion-android-remove-circle',
      'data-tooltip': '{L_HIDE_CAT}'
   }).appendTo(btn_collapse);

   var collapsed = [];

   if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
      collapsed = readCookie('collapsed').split(',');
   }

   $(document).on('click', '.btn-collapse', function() {
      $(this).children('.ion-android-add-circle').toggleClass('hidden');
      $(this).children('.ion-android-remove-circle').toggleClass('hidden');
      $(this).parents('.forabg').toggleClass('hidden');

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
         collapsed = readCookie('collapsed').split(',');
      }

      if (!$(this).parents('.forabg').hasClass('hidden')) {
         removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

         createCookie('collapsed', collapsed);
      } else {
         collapsed.push('' + $(this).parents('.forabg').data('cindex'));

         createCookie('collapsed', collapsed);
      }
   });

   $('.forabg').each(function(i) {
      $(this).data('cindex', '' + i);

      $(btn_collapse)
         .clone()
         .attr('id', 'forabg' + i)
         .appendTo($(this).find('.header'));

      if ($.inArray('' + i, collapsed) > -1) {
         $(this).toggleClass('hidden');
         $('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
         $('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
      }
   });
});

function removeFromArray(item, array) {
   var i = array.indexOf(item);

   if (i > -1) {
      array = array.splice(i, 1);
   }
}

function createCookie(name, value, days) {
   var expires;

   if (days) {
      var date = new Date();
      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
      expires = "; expires=" + date.toGMTString();
   } else {
      expires = "";
   }
   document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function readCookie(name) {
   var nameEQ = encodeURIComponent(name) + "=";
   var ca = document.cookie.split(';');
   for (var i = 0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
   }
   return null;
}
//]]>
</script>


Code:

/*===================================================
root
===================================================*/

:root{

  --cfond : #211309;
  --cone: #12120e;
  --ctwo: #2a241d;
  --ctext1: #cfc2b8;
  --ctext2: #b46f3e;
  --ctext3: #a29b95;
  --ctext4: #bbb6b2;
  --ctext5: #b8835c;
  --ctext6: #726e64;
  }

/*===================================================
haut du forum  : toolbar
===================================================*/
#fa_toolbar {
    background-color: var(--cfond);
    color: var(--ctext1);
    display: flex;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    position: fixed;
    z-index: 999!important;
}

a#fa_notifications, a#fa_hide{
    display: none!important;
}
a#fa_welcome:hover {
    text-decoration: none;
    background-color: var(--cone);
}
 
#fa_menu #fa_welcome, #fa_right a.rightHeaderLink {
    border-radius: 3px;
    color: var(--ctxt1);
    letter-spacing: 2px;
    font-size: 15px;
    margin-left: 0px;
    margin-top: -10px;
    text-transform: uppercase;
}
 
 #fa_right {
    float: right;
    font-size: 1.3rem;
    margin-top: 15px;
}
#headerbar-top .navbar.navlinks
{
position: fixed;
top: -20px;
z-index: 99999 !important;
left: 0px;
}
#fa_left,#fa_search,#fa_share,#fa_usermenu{display:none!important;}


#fa_right.welcome #fa_menu #fa_welcome{
    background-color: var(--cone);
    /* border-top: 2px solid var(--cthree); */
    color: var(--ctxt1);
    border-radius: 5px;
}

#fa_menulist {
    background-color: var(--cone);
    border: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 9px rgb(0 0 0 / 3%), 0 0 1px 1px rgb(0 0 0 / 20%);
    display: none;
    font-size: 1.3rem;
    line-height: 32px;
    list-style-type: none;
    margin: 0;
    min-width: 175px;
 padding: 9px 18px 9px 8px;
    position: absolute;
    top: 42px;
    width: 300px;text-align: center;
    z-index: 999;
}

#fa_menulist :link, #fa_menulist :visited {
    color: var(--ctxt1) !important;
    text-transform: uppercase;     
}
ul#fa_menulist li:hover {
    background-color: var(--ctext2);
  color : var(--cone);   
}

ul#fa_menulist li a:hover {
  text-decoration: none;}

/*===================================================
haut du forum  : navigation
===================================================*/

.mainmenu[href="/faq"]{display:none;}
 .mainmenu[href="/search"]{display:none;}
 .mainmenu[href="/logout"]{display:none;}
 .mainmenu[href="/login"]{display:none;}
 .mainmenu[href="/register"]{display:none;}

ul.navbar.navlinks {
    background-color: var(--cone);
    display: flex;
    font-size: 15px;
    justify-content: center;
    letter-spacing: 3px;
    margin: auto;
    text-transform: uppercase;
    width: 800px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.navbar li {
    display: inline-block;
    margin: 0px;
}
.navigationYS {
margin: 50px auto 0px;
    width: 1280px;
    display: flex;
    justify-content: center;
}
.navbar a {
    border-radius: 3px;
    color: var(--ctext1);
    display: inline-block;
    font-size: 16px;
    line-height: 1.3846;
    padding: 6px;
    font-weight: 500;
}

ul.navbar.navlinks a:hover {
    background-color: transparent;
    color: var(--ctext2);
}

/*===================================================
haut du forum  : header
===================================================*/
#wrap {
    background-color: var(--cone);
    border: 1px solid #;
    font-size: 1.3rem;
    margin: 0 auto;
    max-width: 1400px;
    padding: 0px;
    width: 1280px;
border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

a#logo {
    margin: auto;
}

a#logo img {
    width: 1280px;
}


/*===================================================
PA
===================================================*/

.PAmys {
    display: flex;
    justify-content: center;
    height: 360px;
      width: 1280px;
    margin: auto;
}

.intePA {
      background-color: var(--ctwo);
    height: 360px;
    margin-top: -10px;
    width: 1280px;
    display: flex;
    justify-content: space-between;
  padding: 20px;
}

.leftPA, .centerPA, .rightPA {
    display: flex;
    flex-direction: column;
    width: 20%;
    text-align: center;
}

titrePA {
    text-transform: uppercase;
    font-size: 18px;
    color: var(--ctext2);
}

a.navigationPA {
    font-size: 14px;
    line-height: 36px;
    color: var(--ctext3);
    text-transform: uppercase;
}

.centerPA {
    background-image: url(https://i.imgur.com/LOFTNtw.png);
    background-position: center center;
    background-repeat: no-repeat;    width: 50%;
}

.linePA {
    height: 2px;
    background-color: var(--ctext1);
    margin-top: 30px;
    margin-bottom: 30px;    width: 70%;
    margin: auto;
}

.linePA1 {
    height: 2px;
    background-color: var(--ctext1);
    margin-top: 30px;
    margin-bottom: 30px;    width: 70%;
    margin: auto;
}

a.navigationPA:hover {
    color: var(--ctext5);
}

p.infoPA {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 0px;
}

.titrePA {
    text-transform: uppercase;
    font-size: 18px;
    color: var(--ctext2);
}

p.infoPA mys {
    color: var(--ctext2);
}
.staPA img {
    margin: 15px;
    height: 60px;
}
/*===================================================
catégorie
===================================================*/
ul.navigatCat {
    display: flex;
    justify-content: space-evenly;
    height: 50px;
    font-size: 14pt;
    text-transform: uppercase;
    margin: 20px;
}

.categorie-main h2 {
    text-transform: uppercase;
    color: var(--ctext2);
    letter-spacing: 1px;font-size: 18px;
    margin-left: 20px;
}

.lineCAT {
    background-color: var(--ctext1);
    height: 2px;
    margin: 30px 0px 50px 120px;
    width: 50%;
}



.forum_block:first-child .principCate {
    width: 500px;
}

{switch_desc.SITE_DESCRIPTION}