<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
      <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
            <td valign="bottom">
         
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
           
  <a class="gensmall" href="{U_SEARCH_NEW}"title="{L_SEARCH_NEW}">Depuis votre dernière visite</a><br>
<!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_SELF}">Mes messages</a><br />
         <!-- END switch_user_logged_in -->
        </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
                </tr></table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <h{catrow.cathead.LEVEL} class="hierarchy">
                    <span class="cattitle">
                      <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                    </span>
                </h{catrow.cathead.LEVEL}>
              </td>
              <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
 
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
              <h{catrow.forumrow.LEVEL} class="hierarchy">
                <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </span> </h{catrow.forumrow.LEVEL}></td><td style="text-align: right; vertical-align: text-bottom; vertical-align: 200%;" class="gensmall"><sfo>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</sfo></td></tr></tbody></table>
        </h{catrow.forumrow.LEVEL}>
                <div class="categoriedesc">  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><br>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                </span>
              </td>
              <td style="min-width: 165px;" class="row3 over" align="center" valign="middle" height="50">
                <table><tr><td><div class="messtop"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td><td><span class="gensmall"><bn>{catrow.forumrow.POSTS} Messages</bn><br /> <bn>{catrow.forumrow.TOPICS} Topics</bn></span></div></td></tr>
                  <td colspan="2"><span class="gensmall"><div class="lpost">{catrow.forumrow.LAST_POST}</div></span></td></tr></table>
              </td><td>
<div class="lastpost-avatar-container infopost">
              <div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
            </div>
    </td>
          </tr>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
          </tr>
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

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

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

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

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
   
  </tr>
</table>

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

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

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

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

<!-- BEGIN disable_viewonline --><br />
<div class="whosonline">
<center><table>
<tr>

    <td>
      <div class="qeelcadre-dernierco">
        <table class="DeBug"><table id="test">
              <tr><td style="justify"><span class="gensmall">{L_CONNECTED_MEMBERS}</span>
 <icila> <script type="text/javascript">document.getElementById('test').innerHTML=document.getElementById('test').innerHTML.replace(/Membres connectés au cours des 72 dernières heures :/,"Ils étaient là ");
  </script></icila></table>
      </div>
          </td>
    <td colspan="3" style="text-align: center;">
 <div class="groupes">  <a class="groupes" href="https://basique.forumactif.com/g3-bree"><img src="https://images2.imgbox.com/dc/21/DMIwPrzm_o.png"></a><br><br><a class="groupes" href="https://basique.forumactif.com/g4-gabrielle"><img src="https://images2.imgbox.com/52/63/2E19tnF1_o.png"></a><br><br><a class="groupes" href="https://basique.forumactif.com/g5-mike"><img src="https://images2.imgbox.com/03/6c/xpic2Ed6_o.png"></a><br><br> <a class="groupes" href="https://basique.forumactif.com/g6-edie"><img src="https://images2.imgbox.com/f7/b0/wEIqSsjm_o.png"></a><br><br><a class="groupes" href="https://basique.forumactif.com/g7-lynette"><img src="https://images2.imgbox.com/39/f5/JZEupHty_o.png"></a>
  </div>
    </td>
 
    <td>  <div class="nouveaumembre1">
  <span class="gensmall" id="newest"> {NEWEST_USER}
              <script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById ('newest').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"→ Bienvenue à ");</script>
</span></div>
   
      <div class="qeelcadre-online">  <span id="mongo">{LOGGED_IN_USER_LIST}</span>
          <script type="text/javascript">
            document.getElementById('mongo').innerHTML=document.getElementById('mongo').innerHTML.replace(/Utilisateurs enregistrés :/,'₪');
          </script></div>
    </td>
  </tr>

</table><div class="qeelcadre-onglets">
        <div class="onglet-stat">
          <span id="totalUsersOnline">{TOTAL_USERS_ONLINE} </span>
          <script type="text/javascript">
            document.getElementById('totalUsersOnline').innerHTML=document.getElementById('totalUsersOnline').innerHTML.replace(/Il y a en tout (.*) utilisateur(s)? en ligne :: .* Enregistrés?, .* Invisibles? et .* Invités? (:: .* Moteurs? de recherche)?/,'$1 visiteur$2');
          </script>
   
        <span id="kumao">◊ {TOTAL_POSTS} </span>
          <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/,"");</script>
        <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/messages/,"lettres");</script>
               
   
        <span id="kuty">◊ {TOTAL_USERS} </span>
          <script type="text/javascript">document.getElementById('kuty').innerHTML=document.getElementById('kuty').innerHTML.replace(/Nous avons/,"");</script>
          <script type="text/javascript">document.getElementById('kuty').innerHTML=document.getElementById('kuty').innerHTML.replace(/membres enregistrés/,"habitants");</script>
                   
      </div></center>
</div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

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

.rp  {width:100px; border-radius:8px}


#fa_ticker_block {
  margin: 10px;
}



#fa_right #fa_notifications, #fa_welcome {
    color: #74a5b6;
    line-height: 30px;font-family:Space Grotesk;font-size:11px;text-transform:lowercase;letter-spacing:1px;    font-weight: 800;
    padding: 0 5px;
}
#fa_search {display:none!important;}
span#fa_share {display:none!important;}
#fa_welcome {display:none!important;}
#fa_hide {display: none!important;}
#fa_toolbar #fa_service {display:none!important;}
#fa_toolbar #fa_icon {display:none!important;}
#fa_toolbar {background-color: transparent !important;  /* Rend transparent le fond principal */}
 
#fa_right {
    background-color: #fffffc;  /* Couleur de fond */
    border-radius: 0 0 0 40px;  /* Arrondis les angles */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
}
 
#fa_left {
    background-color: #fffffc;  /* Couleur de fond */
    margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
}

#fa_share {
    background-color: #fffffc;  /* Couleur de fond */
    border-radius: 0 0 40px;  /* Arrondis les angles */
    left: -40px;  /* Décale la toolbar de la gauche */
    margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
    position: relative;  /* Permet de décaler la toolbar */}

/*PROFIL*/

/*NOM PROFIL*/
.profilname {
font-size:15px; font-family: 'anton';text-transform:lowercase;letter-spacing:1px;text-align:center;margin-top:-5px}
/*SEPARATION DU PROFIL*/
.profilentour img{ filter: grayscale(0);opacity:0.9;
}
.profilentour img:hover{opacity:0.8;
 filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);}
.postdetails.poster-profile img {
width: 180px;
  text-align: center;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0 +.3s ease-in;
transition: all 0.3s ease-in;
  filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
}
.postdetails.poster-profile img:hover{-webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
 filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);}
 {width:180px;}
.postdetails.poster-profile textarea { width: 180px;text-align:left}
.profilentour {width:200px; padding:5px;background-color:#FAF8F4; border:#fbf4e5; 1px solid;}
.profilrang {background-color:#ffffff; width:200px; font-size:10px; letter-spacing:1px; border:#fbf4e5; 1px solid;
  text-transform:uppercase; text-align:center; margin-bottom:3px;font-family:roboto mono;margin-top:-5px;color:#9fbca2}
.descrp{background-color:#ffffff; width:188px; font-size:8px; letter-spacing:1px; padding:4px; border:#f7eee7 1px solid;
height:250px;overflow:auto; text-align:justify;}
.textp{font-size:8px; letter-spacing:1px; line-height:9px; padding:0px 5px; text-align:justify;}
.label{font-size:9px;letter-spacing:1px;font-family:'roboto mono';text-transform:uppercase;}

/* DEBUT QUI EST EN LIGNE */
.whosonline {
  margin: auto;
  text-align: center;
  width: 800px;
  background-color: #FFF;
  border: 2px solid #dedfda;
}
.groupes {table-layout: auto;width: 150px;}

.nouveaumembre1 {
  text-align: center;
  font-size: 12px;font-family:courier new;color:#222433;
}



.onglet-stat {
 text-align: center;
    padding: 5px;color:#91b5c1;
    background: #fff;font-family:'anton'; font-size:12px;letter-spacing:1px
}

.qeelcadre-dernierco {
  width: 280px;
  height: 150px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  font-size: 11px;
  padding: 10px;margin-top:9px;
  overflow: auto;
  text-align: justify;
}
.qeelcadre-dernierco .row1 {
  background: transparent;
  padding: 0px;
}
.qeelcadre-dernierco .gensmall, .qeelcadre-online .gensmall {
  font-size: 11px;
  color: #555;
}

.qeelcadre-online {
  width: 290px;
  height: 150px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  font-size: 11px;
  padding: 10px;
  overflow: auto;
  text-align: justify;
}

/* FIN QUI EST EN LIGNE */

.resizebox .resize_border { display:none !important; }
img#i_logo {
  box-sizing: border-box;
  width: 102%; 
}


#chatbox_header{
background-color: #FFF;
}
/*Pour cacher le titre normal*/
#chatbox_header .cattitle strong {
  font-size: 0px;
}
/*Titre Personnalisé*/
#chatbox_header .cattitle:before {
  content: "autour d'une citronnade"; /* Modifiez NOM par le titre que vous désirez */
  font-size: 11px;font-family:georgia;letter-spacing:2px;padding-left:10px;color:white;
}

body.chatbox{
background-color: #FFF;
}

img#i_logo {
    height: auto;
    width: 800px;}

.yoop {
margin:auto;width:200px;height:330px;overflow:auto; /* MODIFIABLE */text-align:justify}
.yoop::-webkit-scrollbar,  .descrp::-webkit-scrollbar, .qeelcadre-online::-webkit-scrollbar, .qeelcadre-onglets::-webkit-scrollbar, .qeelcadre-dernierco::-webkit-scrollbar, .categoriedesc::-webkit-scrollbar, .mayonnaise::-webkit-scrollbar, .events>span::-webkit-scrollbar, td.months .row1 span.gensmall::-webkit-scrollbar {
    background-color: transparent!important;
    height: 0; max-width:200px!important;
    width: 0!important;}
 .conk::-webkit-scrollbar, .events>span::-webkit-scrollbar, td.months .row1 span.gensmall::-webkit-scrollbar {
    background-color: transparent!important;
    height: 0; max-width:200px!important;
    width: 0!important;}
/* INFORMATIONS JOUEUR */

 .avatar.mini, .avatar.mini img {
    height: 64px;
    width: 40px;}

/* style par défaut */
a.fa-mention {
  color:#333;}
 
/* style au survol */
a.fa-mention:hover {
  color:#666;}

.selectCode { float:right; text-transform: lowercase; cursor:pointer; color:#b490c1;  font-size: 11px;
  font-family:yomogi;
    letter-spacing: 1px;margin-right:6px;font-weight:bold;
    text-transform: uppercase;}
div.cont_code { clear: right; }
.boutonhautbas {
    bottom: 34px;
    right: 45px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;}
.sceditor-button-source{ display: none !important; }

wec  { font-family: fascinate;color: #d3c8b9;font-size: 14px;letter-spacing: 1px;text-transform:lowercase;
font-weight:bold;}
 

sfor {font-family: arial;font-size: 9px;letter-spacing:1px;color:#4db382;text-transform:lowercase;font-weight:500;}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #82a9b7 white;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;}

*::-webkit-scrollbar-track {
  background: white;}

*::-webkit-scrollbar-thumb {
  background-color: #82a9b7;
  border-radius: 20px;
  border: 3px solid white;
}

citt {
    font-family: comfortaa;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: normal;
    background-color: #8fb58f;
    padding: 3px;
}


b {
font-family: 'Space Grotesk';letter-spacing:1px;font-weight:bold;
font-size: 10px;color:#000000;text-transform:uppercase;font-weight:900;margin-top:4px;
}
i {
font-family: 'Space Grotesk';letter-spacing:1px;
font-size: 10px;color:#777f36;font-style:italic
}

tw {
background-color: #dec5c9; color: #dec5c9
}
tw:hover { transition-duration: 2s;
 color: #dec5c9;background-color: #000000; 
}
.messtop {margin-top:-12px
}
.inforfiche {width:385px;text-align:justify;font-size:11px;line-height:110%;
}
.inforfche2 {text-align:justify;font-size:12px;line-height:105%;
}
.imagefiche{ width: 100px;
padding: 4px;
    background: transparent;
    border: 1px solid #ECE9E6;
}
.hje {text-align:justify;font-size:11px;line-height:110%;
}
v {font-family: 'Saira Condensed';font-weight:bold;letter-spacing:2px;
font-size: 10px;color:#777f36;text-transform:uppercase;
}
sst {font-family: georgia;
    text-transform: lowercase;
    font-size: 10px;
color:#b98322;letter-spacing:2px
}
pop {
font-family: 'arial';letter-spacing:1px;
font-size: 10px;color:#b3c9b5;text-transform:uppercase;
}
ty {
font-family: 'Saira Condensed';
font-size: 14px;color:#74a5b6;text-transform:lowercase;letter-spacing:1px;
}
nom {font-family: 'anton';font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#74a5b6;
}

.trait {border-bottom: solid 1px #E4DEEA;width:220px;
}

.infor {width:345px;text-align:justify;font-size:11px;line-height:110%;}
.infor2 {text-align:justify;font-size:11px;line-height:110%;}
totot {font-family: 'roboto mono', serif;padding:1px;font-size:10px;text-transform:uppercase}
wx {
font-family: Saira Condensed;letter-spacing:1px;
font-size: 9px;color:#caa03c;text-transform:uppercase;font-weight:900;margin-top:4px;
}
/*PROFIL*/

.postdetails.poster-profile img {
  max-width:200px; /* largeur */}

ft {font-family: arial;color:#b0967f;font-weight:bold;font-size: 8px; text-transform:uppercase;letter-spacing:1px}


bc {font-family: 'arial';color:#c3a99c;text-transform:lowercase;
  font-weight:bold;letter-spacing:1px;
    font-size: 10px; font-style:italic;
}
.contour {border : solid 1px #aeb077;padding:2px; max-width:200px;}

wd {text-align:center;
font-family: Space Grotesk;color:#cba441;font-weight:bold;font-size: 10px; letter-spacing:2px}

/*TEXTE MENU*/
/****NAVIGATION***/

.nav_menu {
font-family: Space Grotesk;
    font-size: 10px;letter-spacing:1px;
    margin: 0 10px;
    padding: 6px 0 6px;border: 4px double #D2C7D6;background-color:white;
    text-transform: uppercase;font-weight:bold;
    width: 800px;}
a.mainmenu img {
display:none;}

a[href="/faq"] {display:none;} /* retrait du lien "FAQ" */

/*JUSTIFICATION*/
.postbody {
    display: block;
    padding-left: 22px;
    padding-right: 15px;
    text-align:justify;
    font-size: 12px;
}
/*CODE SPOILER*/

.code  {  background-color: #ffffff;
    border: 1px solid #DED6D0!important;
    border-style: solid;
    border-width: 2px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;color:#463e39;
    max-width: 500px;
    padding: 10px;}

.spoiler {    background-color: #ffffff;
    border: 0px solid #DED6D0!important;
    border-style: solid;
    border-width: 2px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;
    max-width: 500px;
    padding: 10px;}
         
.quote {
    background-color: #e6e6e6;
    border: 1px solid #DED6D0!important;
    border-style: solid;
    border-width: 2px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;
    max-width: 500px;
    padding: 10px;
}

/*FORUMCOLLER*/
.bodyline { border: 1px solid #efc27;padding: 0;}
body { margin-top: 0!important;margin-bottom:-5p;padding-top:0p;}
table.three-col { padding: 10px !important;}

/*EDITION*/
tr.post span.gensmall { display: none; }

/*SOULIGNEMENT LIEN*/
A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}

/*CATEGORIE*/


.bn0 {
font-family:syne mono;width:74px ; background-color:#e3e0cb;padding:2px;text-align:center;
font-size: 10px;color:#FFFFFF;text-transform:uppercase;font-weight:500;
}


op {font-family:arial;font-size:10px;color:#e2e0de;letter-spacing: 1px;text-transform:uppercase}

th { font-weight: 700; height: 30px;padding: 2px 3px;}



   
    .descri  {
    text-align: justify;
    padding: 5px;
}

/* CATEGORIE DU FORUM, TITRES, DESCRIPTION, CADRE*/

sfor {background-color: #FDFDFD;margin-top:3px;position:absolute;
    border-bottom: 1px solid #ededed;margin-left:4px;
    color: #474747;
    font-family: 'arial';
    font-size: 7px;
    letter-spacing: 2px;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;}
bn {color: #caa03c;
  font-family:'Space Grotesk';font-size:11px;
    text-transform: lowercase;}



th {color: #f4f4f1;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
    padding: 1px 1px;}

.aligner{text-align:right!important; padding-right:28px;}



op {font-family:Roboto mono;font-size:10px;color:#D9A9AD;letter-spacing: 1px;text-transform:uppercase}
sfo {font-size:10px;font-weight:normal;text-transform:lowercase;margin-right:45px;}


.info {
    text-transform: lowercase;
    letter-spacing: .5px;
    font-size: 9px;font-family:verdana;margin-top:-9px
}


/*TITRE CATEGORIE*/
.forumlink {
  font-family: Anton;font-size: 17px;letter-spacing: 1px;
    margin-left: 5px;}

.secondarytitle h2 {
    color: #ffffff;
    font-family: Space Grotesk, sans-serif;
    font-size: 15px;text-transform:uppercase;
    letter-spacing: 3px;}
.lastpost-avatar img {clip-path: inset(5% 20% 15% 10%);
  opacity: 0.8; border:solid 1px #dec5c9;
    border-radius: 0;filter: grayscale(60%);
    height: 60px;margin-top:19px;margin-right:12px;
    width: 40px!important;}
th {color: #f4f4f1;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
    padding: 1px 1px;}

/*CATEGORIE*/
.categoriedesc {margin-left:10px;
    border: 1px solid #f7eee7;font-size:9.5px;
    height: 63px;
    line-height: 13px;
    margin-top: 0;
    padding: 5px;overflow:auto;
    position: relative;
    text-align: justify;
    width: 530px;}
.lpost {font-size:11px;font-family:'Space Grotesk';text-transform:lowercase;
    border: solid 1px #f7eee7;
    height: 40px;
    padding: 6px;
    text-align: center;
    width: 160px;
}

h1.cattitle {
      color: #6D7D7A;
    font-family: Space Grotesk, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-shadow: 0 0 1px #FFF;
}
.cattitle {
          color: #6D7D7A;
    font-family: Space Grotesk, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-shadow: 0 0 1px #FFF;
}



.dernier {text-transform:uppercase;font-size:9px!important;
  margin-top: 17px;
    margin-left: 0px;
    padding-right: 1px;
    text-align:justify}
   
    .descri  {
    text-align: justify;
    padding: 5px;
}

.plus {
    width: 120px;
    height: 56px;
    font: 15px 'Noto Serif Display';margin-top:-44px;margin-left:154px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: url(https://i.pinimg.com/564x/23/04/36/2304365132b400f64a46787a1eecc6ee.jpg);
    text-transform: uppercase;
    text-align: center;
}



/* SWITCHERO ENTRE LES COMPTES MEMBRES */

:root {
  --color-text: rgba(255, 255, 255, 0.87);
  --color-bg: #82a9b7;
  --color-delete: #e74c3c;
  --color-tooltip: #ECE9E6;
  --color-squircle: #ECE9E6;
  --color-accent: #b14255;
  --color-button: #82a9b7;
  --color-pill: #ffffff;
  --gap-size: 16px;
  --ease: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56);
}
.switcheroo {
  color: #D9D5CB;
  font-size: 11px;text-transform:uppercase;
}
.switcheroo[position="static"] {
  position: relative;
}
.switcheroo[position="top"] {
  position: fixed;
  top: 20px;
  left: 0;
  z-index: 100;
}
.switcheroo[position="bottom"] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.switcheroo[direction="horizontal"] {
  width: 100%;
}
.switcheroo[direction="vertical"] {
  height: 100%;
}

.switcheroo__squircles {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: var(--gap-size);
  gap: var(--gap-size);
}
.switcheroo[direction="horizontal"] .switcheroo__squircles {
  flex-direction: row;
}
.switcheroo[direction="vertical"] .switcheroo__squircles {
  flex-direction: column;
}

/* squircle */
.switcheroo[theme="discord"] .switcheroo__squircle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FAF8F4;
}
.switcheroo[theme="discord"] .switcheroo__squircle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  transition: border-radius 128ms var(--ease);
}
.switcheroo[theme="discord"] .switcheroo__squircle:hover {
  border-radius: 36%;
}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #d8c9b1;
  position: absolute;
  border-radius: 4px;
  top: 50%;
  transform: translate(-100%, -50%) scale(0);
  transition: transform 128ms, opacity 64ms;
  pointer-events: none;
  opacity: 0;
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-pill);
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translate(-50%, -100%) scale(0);
  transition: transform 128ms, opacity 64ms;
  pointer-events: none;
  opacity: 0;
}
.switcheroo[theme="discord"] .switcheroo__squircle.active {
  border-radius: 36%;
  cursor: default;
}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-50%, -100%) scale(0.5);
}

.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle.active:before {
  opacity: 1;
  transform: translate(-85%, -50%) scale(0.2);
  border-radius: 50%;
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle.active:before {
  opacity: 1;
  transform: translate(-50%, -85%) scale(0.2);
  border-radius: 50%;
}


/* tooltip */
.switcheroo__popper {
  background-color: var(--color-tooltip);
  padding: 0.68rem 1rem;
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
  border-radius: 4px;
  z-index: 0;
  opacity: 0;
  transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce);
  pointer-events: none;
  color: #fff;
}
.switcheroo[direction="vertical"] .switcheroo__popper {
  left: 155%;
  top: 50%;
  transform-origin: left;
  transform: translateY(-50%) scale(0.98);
}
.switcheroo[direction="horizontal"] .switcheroo__popper {
  top: 155%;
  left: 50%;
  transform-origin: top;
  transform: translateX(-50%) scale(0.98);
}
.switcheroo__popper:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--color-tooltip);
  z-index: -1;
}
.switcheroo[direction="vertical"] .switcheroo__popper:before {
  left: -2px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.switcheroo[direction="horizontal"] .switcheroo__popper:before {
  left: 50%;
  top: -2px;
  transform: translateX(-50%) rotate(-45deg);
}

.switcheroo[direction="vertical"] .switcheroo__squircle:hover .switcheroo__popper {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.switcheroo[direction="horizontal"] .switcheroo__squircle:hover .switcheroo__popper {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}

/* avatar */
.switcheroo[theme="discord"] .switcheroo__avatar {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.switcheroo[theme="discord"] .switcheroo__avatar img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* divider */
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__divider {
  width: 100%;
  height: 2px;
  background-color: var(--color-pill);
  border-radius: 1px;
  opacity: 0.06;
  transform: scale(0.8);
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__divider {
  width: 2px;
  background-color: var(--color-pill);
  border-radius: 1px;
  opacity: 0.06;
  transform: scale(0.8);
}
/* delete button */
.switcheroo[theme="discord"] .switcheroo__delete {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 16px;
  line-height: 14px;
  height: 16px;
  top: -2px;
  right: -2px;
  border-radius: 50%;
  background-color: var(--color-delete);
  transform: scale(0);
  opacity: 1;
  transition: transform 128ms var(--ease), opacity 64ms var(--ease);
  cursor: pointer;
  font-size: 13px;
}
.switcheroo[theme="discord"] .switcheroo__squircle:hover .switcheroo__delete {
  opacity: 1;
  transform: scale(1);
}
/* logo */
.switcheroo[theme="discord"] .switcheroo__logo {
}
.switcheroo[theme="discord"] .switcheroo__logo img {
  width: 32px;
}
.switcheroo[theme="discord"] .switcheroo__logo:hover {
  background-color: var(--color-accent);
}
/* buttons */
.switcheroo[theme="discord"] .switcheroo__squircle--button {
  transition: border-radius 128ms var(--ease);
  color: var(--color-button);
}
.switcheroo[theme="discord"] .switcheroo__squircle--button:hover {
  color: #fff;
  background-color: var(--color-button);
}
/* modal */
.switcheroo__form {
  padding: 48px;
}
.switcheroo__form-row {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 16px;
}
.switcheroo__form-label {
  margin-bottom: 8px;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--color-text) !important;
}
.switcheroo__form-input {
  padding: 6px !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  width: 100% !important;
  border-bottom: 2px solid var(--color-accent) !important;
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
  cursor: text !important;
}
.switcheroo__form-button {
  border-radius: 8px;
  padding: 8px;
  border: none;
  outline: none;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 14px;
  align-self: flex-end;
  color: #fff;
  background-color: var(--color-accent);
}

.monomer-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s opacity ease;
  background: rgba(0, 0, 0, 0.6);
}

.monomer-modal {
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 94%;
  padding: 24px 20px;
  transition: 0.2s opacity ease;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background: var(--color-squircle);
  color: var(--color-text);
}

.monomer-modal.monomer-open.monomer-anchored {
  top: 20px;
  transform: translate(-50%, 0);
}

.monomer-modal.monomer-open {
  opacity: 1;
}

.monomer-overlay.monomer-open {
  opacity: 1;
}

.monomer-close {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 5px;
  cursor: pointer;
  color: #fff;
  border: 0;
  outline: none;
  background: var(--color-delete);
  border-radius: 50%;
  padding: 0;
}
.monomer-close:hover {
  opacity: 0.8;
}