<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
          <td valign="middle" align="center"><br />
                  <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
     </tr>
    <tr>
          <td valign="middle" align="center">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">
                          {LAST_VISIT_DATE} —
                          <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
                  </span>
         <!-- END switch_user_logged_in -->
         
      </td>

   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>

   </tr>
   <!-- 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">&nbsp;</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">
 
            <div class="fond_desc">             
         <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}>
                 
           <div class="genmed desc">{catrow.forumrow.FORUM_DESC}</div>
                <div class="dernier">
                          <div class="gensmall sujets_messages">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
                          <div class="gensmall dernier_message">{catrow.forumrow.LAST_POST}</div>
              </div>
         
             </div>
      </td>
         
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="top" style="padding-left: 40px;">
                 
        <div class="imgcatge">  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"/>
            </div>
                 
           </td>
         
         
             <td class="row1 over" valign="top" width="150">
                 
                  <div class="sousforums_conteneur">
                   
            <div class="gensmall sousforums">
                <span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
          </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" />
<div class="bas_cate"></div><!-- END tablefoot --><!-- END catrow -->

/*NOUVEAU PROFIL TEST*/
.flotteur{
z-index: 500;
float : left!important;
position: relative;
margin-top: 50px;
margin-left: -5px;
width: 212px;}

.profil_unique{
position: relative;
text-align: center;
background:#0E0C06;
width: 200px; /*valeur initiale 212px*/
height: auto;
padding: 6px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.6),inset 0px 0px 30px rgba(0,0,0,0.6);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6),inset 0px 0px 30px rgba(0,0,0,0.6);
box-shadow: 1px 1px 2px rgba(0,0,0,0.6),inset 0px 0px 30px rgba(0,0,0,0.6);
border: 1px solid rgba(20,17,10,0.9);}

.profil_unique .img_online{
background: url('http://img11.hostingpics.net/pics/357884offline.png') no-repeat;
width: 230px;
height: 80px;
position: relative;
z-index: 10;
margin: -36px 0px 0px -16px;
opacity: 0.7;}

.profil_unique .vava{
width: 200px;
height: 320px;
position: relative;
z-index: 9;
margin: -10px auto 0 auto;}

.profil_unique .vava img{

-webkit-border-radius: 0 0 10px 10px;
border-radius: 20px ;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.6),inset 0px 0px 30px rgba(0,0,0,0.6);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6),inset 0px 0px 30px rgba(0,0,0,0.6);
box-shadow: 1px 1px 2px rgba(0,0,0,0.6),inset 0px 0px 30px rgba(0,0,0,0.6);}

.profil_unique .bloc_name{
height: 15px;
width: 230px;
line-height: 11px!important;
margin-top: 10px;
margin-left: -14px;
text-align:center;}

.profil_unique .name{
font-family: 'UnifrakturMaguntia', cursive!important;
font-size: 23px;
font-style: normal;
word-spacing: 0px;
letter-spacing: 0px
text-shadow: 0px 0px 3px #191919, 0px 0px 5px #191919
font-weight: 400!important;
}

.profil_unique .name:hover{
letter-spacing: 2px}
 
.profil_unique .sous_pseudo{
margin-top: 3px;
margin-bottom: 4px;
text-transform: uppercase;
font-family: MS Mincho,times new roman;
font-size: 10px;
letter-spacing: 1px;
color:#231e0f;
opacity: 0.7;}
   
.bloc_rang_contact{
margin-top: 22px;
margin-bottom: -3px;
background: 50% url('http://img11.hostingpics.net/pics/600276fondrangmilieu.png');
width: 200px;
-moz-border-radius: 10px;
-webkit-border-radius: 10x;
border-radius: 10px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.7), inset 0px 0px 20px rgba(0,0,0,0.6);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7), inset 0px 0px 20px rgba(0,0,0,0.6);
box-shadow: 1px 1px 2px rgba(0,0,0,0.7), inset 0px 0px 20px rgba(0,0,0,0.6);
padding: 5px 0;} 

.profil_unique .rang_img{

position: relative;
width: 142px;
height: 41px;}
   
.déroulant_contact{
width: 200px;
position:relative;
margin: 0 auto;
text-align:center;}

.déroulant_contact .contenu_contact{
z-index: 3;
width: 197px; /*valeur initiale 200px*/
padding-left: 3px;
overflow: hidden;
height: 0px;
position:relative;
margin: 0 auto;
text-align: center;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;}

.déroulant_contact:hover .contenu_contact{
height: 100px;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;}

.déroulant_contact .clou2{
margin-bottom: 2px;}
   
.profil_unique .détail{
width: 170px;
height: auto;
background: rgba(16,14,7,0.95);
border: 1px solid rgba(65,49,43,0.15);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
padding: 10px;
font-family: arial;
font-size: 10px;
line-height: 10.5px;
text-align:justify;
color: #574D3D;
margin: 10px auto;}


.profil_unique .détail .label{
text-transform: uppercase;
font-size: 7px;
color: #4C5813;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2),0px 0px 3px #4C5813;
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.profil_unique .détail .label:before{
content:'ϟ ';}

.profil_unique .détail .label:hover{
letter-spacing: 1.5px;
color: #7C5920;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2),0px 0px 3px #7C5920;}



.profil_unique .hominum{
background: rgba(6,6,2,0.7);
padding: 5px;
border-radius: 5px;
font-family: MS Mincho, Courier new;
color: rgba(94,84,58,0.65);
text-shadow: 1px 1px 1px black,0px 0px 3px rgba(94,84,58,0.6);
font-size: 13px;
text-transform: uppercase;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
letter-spacing: 0px;
text-align: center;
position: relative;}

.profil_unique .hominum:hover {letter-spacing: 1px;}

.profil_unique .détail .sep_hominum,
.profil_unique .sep_fin_profil{
margin-top: 0px;
margin-bottom: 3px;
margin-left: 0px;
background: url('http://img15.hostingpics.net/pics/117853DTdecohominum.png');
width: 170px;
height: 10px;
position: relative;
opacity: 0.7;}

.profil_unique .sep_fin_profil{
margin: 20px 0 0 0px;}

.profil_unique .rang_correction{
position:relative;
height: auto /*84px*/;
width: 170px;
margin: -112px auto 0 auto;}

.profil_unique .rang_correction:hover .rang,
.profil_unique .rang_correction:focus .rang{
position:relative;
opacity: 1;}

.profil_unique .rang_position{
position:relative;
height: 84px;
display: table-cell;
vertical-align: middle;}

.profil_unique .rang_correction .rang{
font-size: 7.5px;
text-align: center;
line-height: 7px;
letter-spacing: 0.5px;
word-spacing: -1px;
font-family: Times new roman;
font-weight: bold;
text-transform:uppercase;
position:relative;
z-index: 400;
color: #8A7B56;
background-color: rgba(10,10,9, 0.7);
width: 155px;
padding: 10px 2.5px;
margin: 0 auto;
opacity: 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;}

.déroulant_feuille_perso{
width: 190px;
position:relative;
margin: 10px auto 0 auto;
text-align:center;}

.déroulant_feuille_perso .feuille_img{
width: 206px;
height:50px;
margin-left: -12px;
position: relative;
transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
-htm-transition: all .5s;}

.déroulant_feuille_perso:hover .feuille_img{
background: url('http://img11.hostingpics.net/pics/560281moins.png') no-repeat;}

.déroulant_feuille_perso:hover .feuille_img img{
display:none;}

.déroulant_feuille_perso .feuille_contenu{
z-index: 3;
padding: 2px 2px;
width: 186px; /*valeur initiale 190px*/
overflow: hidden;
height: 0px;
position:relative;
margin: 0 auto;
transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
-htm-transition: all 1s;}

.déroulant_feuille_perso:hover .feuille_contenu{
height: 200px;
-moz-transition: all 5s;
-o-transition: all 5s;
-webkit-transition: all 5s;
-htm-transition: all 5s;}

.déroulant_feuille_perso .personnage{
text-align: left;
font-family: arial;

line-height: 9px;
font-size: 10px;}

.déroulant_feuille_perso .ff{
display:inline-block;
margin-left: 20px;
margin-top: 7px;
margin-bottom: 3px;
text-transform: lowercase;
opacity: 0.9;
color: #4C5813;
letter-spacing: -1px;
font-weight: lighter!important;
font-family: 'Elsie Swash Caps';
font-size: 26px;
text-shadow: 0px 0px 2px rgba(76,88,19,0.5);}

.déroulant_feuille_perso .ff2{
font-size: 20px;}

.déroulant_feuille_perso .gg{
color: #3d3527;
text-transform: uppercase;
font-size: 6.5px;
font-family: arial;
letter-spacing: 0.5px;
word-spacing: -1px;
border-top: 1px solid #553E15;
padding-top: 1px;}

.déroulant_feuille_perso .label{
text-transform: uppercase;
font-size: 7px;
color: #4C5813;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
word-spacing: -2px;
font-family: Times new roman;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.déroulant_feuille_perso .label{
margin-top: 3.5px;
display:inline-block;}

.déroulant_feuille_perso .label:hover{
letter-spacing: 1.5px;}

.déroulant_feuille_perso textarea {
width: 95%;}


#ongletstaff1{background-image: url("http://www.eustaceisd.net/khan/Other_Packages/KhanAcademy-r1103/Khan%20Academy/code/khanacademy-read-only/images/badges/eclipse-tiny.png"); height: 10px; width: 10px;
background-color: none; background-repeat: no-repeat; position: relative; top: 8px;}
#ongletstaff2{ background-image: url("http://www.eustaceisd.net/khan/Other_Packages/KhanAcademy-r1103/Khan%20Academy/code/khanacademy-read-only/images/badges/eclipse-tiny.png"); height: 10px; width: 10px;
background-color: none; background-repeat: no-repeat; position: relative; top: 8px;}
.imgstaffi {width: 60px; height: auto; border:1px solid #24201e; padding: 3px; float: left; opacity: 0.9;}
/* .systab .tab => les onglet */
.systab .tab {padding: 2px 10px; margin-right: 5px; cursor: pointer; float: center;}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{filter: grayscale(100%);-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
/* .systab .contents => les conteneurs des contenus associés aux onglets  */
.systab .contents {margin-top: 1px; margin-bottom: 1px;padding: 10px; cursor: pointer; width: 210px;height: 50px;}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab { display: block;  margin: 5px;}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
  float: left;}
stf1 {color: #57514B !important;font-family: raleway;
  font-size: 10px;text-transform: uppercase; margin: 3px;}
stf3 {color: #57514B !important;font-family: raleway;
  font-size: 9px;text-transform: lowercase;}
stf2 {color: #7A2C4F !important;font-family: astloch;
  font-size: 17px;text-transform: lowercase;}

/*GROUPSCOLORS*/
G1 {color: #614933 ;}
G2 {color: #612d50 ;}
G3 {color: #612d34 ;}
G4 {color: #2f543f ;}
G5 {color: #3b5956 ;}

/*QEEL*/
.imggroup{width: 180px; padding: 3px; opacity: 0.9; }
.titregroup {display: block;text-transform: ;font-family: 'Astloch', serif;
font-size: 30px;font-weight: lighter !important;letter-spacing: -3px; text-align: center;
margin: 0;color: #2E695F !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.descrigroup {background-color:#0f0e0d; border: 1px solid #141312;opacity: 0.7;padding: 4px;  margin-bottom: 3px;
margin-top: -1px;width: 360px;height: 70px;overflow: auto;text-align: justify;font-size: 11px;font-family: arial;}
.qeelon {background-color:#0f0e0d; border: 1px solid #141312;opacity: 0.7;padding: 4px;  margin-bottom: 3px;
margin-top: 3px;width: 290px;height: 40px;overflow: auto;text-align: justify;font-size: 11px;font-family: arial;}
.qeelon2 {background-color:#0f0e0d; border: 1px solid #141312;opacity: 0.7;padding: 4px;margin-bottom: 5px;
  width: 290px;height: 110px;overflow: auto;text-align: justify;font-size: 11px;font-family: arial; }
.qeelon3{background-color:#0f0e0d; border: 1px solid #141312;opacity: 0.7;padding: 4px;margin-bottom: 5px;
width: 290px;height: 170px;overflow: auto;text-align: justify; font-size: 11px;font-family: arial;} 
.my_onglet {padding: 10px;height: auto;display: inline;margin: 2px;
box-shadow: 0 0 1px #080707, 0 0 1px #0f0e0d, 0px 0px 50px 2px rgba(8,6,6,0.8)inset;  background-color:#141211;
border-radius: 5px;color: #2E695F;cursor: pointer;font-family: 'raleway', serif;
font-size: 9px; letter-spacing: 1px;text-transform: uppercase;position: relative;left: -10px; }
.my_onglet_selected {display: inline;margin: 2px;color: #7A2C4F;
box-shadow: 0 0 1px #080707, 0 0 1px #0f0e0d, 0px 0px 50px 2px rgba(8,6,6,0.8)inset;  background-color:#141211;
border-radius: 5px;padding: 10px;height: auto;font-family: 'raleway', serif;font-size: 9px;
letter-spacing: 1px;text-transform: uppercase;  position: relative;position: relative;left: -10px; }
.my_contenu {width: 370px;height: 180px;
box-shadow: 0 0 1px #080707, 0 0 1px #0f0e0d, 0px 0px 50px 2px rgba(8,6,6,0.8)inset;  background-color:#141211;
border-radius: 10px;line-height: normal;font-size: 11px;color: #57514B;padding: 5px;margin: 10px;
right: 10px;position: relative;  margin-top: 1px;}
#my_contenus, #my_onglets {height: 100%;width: 100%;}
.my_ongleto {display: inline;padding: 10px;margin: 2px;color: #7A2C4F;  box-shadow: 0 0 1px #080707, 0 0 1px #0f0e0d, 0px 0px 50px 2px rgba(8,6,6,0.8)inset;  background-color:#141211;
border-radius: 5px;padding: 10px;height: auto;  font-family: 'raleway', serif;font-size: 9px;
letter-spacing: 1px;text-transform: uppercase;cursor: pointer;position: relative;top: 5px;left: 10px; }
.my_ongleto_selected {position: relative;top: 5px;left: 10px; padding: 10px;height: auto;display: inline;margin: 2px;
box-shadow: 0 0 1px #080707, 0 0 1px #0f0e0d, 0px 0px 50px 2px rgba(8,6,6,0.8)inset;  background-color:#141211;
border-radius: 5px;color: #2E695F;cursor: pointer;font-family: 'raleway', serif;font-size: 9px; letter-spacing: 1px;text-transform: uppercase;}
.my_contenuo {color: #57514B;box-shadow: 0 0 1px #080707, 0 0 1px #0f0e0d, 0px 0px 50px 2px rgba(8,6,6,0.8)inset;  background-color:#141211;
border-radius: 10px;padding: 5px;position: relative; top:5px;left: 10px;width: 300px;line-height: normal;font-size: 11px; height: 180px;}
#my_contenusos, #my_ongletos {height: 100%;width: 100%;}
/*FIN QEEL*/


/* PAGE D ACCUEIL */
/* ENLEVER CADRE PA */
.cadrepa .row1 { background-color: transparent; border: none;}
.cadrepa .forumline {width: 800px;background: transparent !important; margin-bottom:20px; border: none;margin: 0px -5px 0px -5px !important;}
/*box-shadow: 0 0 1px #080707, 0 0 1px #0D0B0B, 0px 0px 90px 0px rgba(8,6,6,0.8)inset; */
MLG {color: #60315f!important;}
JRO { color: #2E695F !important;font-family: raleway;font-size: 9px;text-transform: uppercase;letter-spacing: 1px;}
JRL { color: #9C365D !important;font-family: raleway;font-size: 9px;text-transform: uppercase;letter-spacing: 1px;}

#pa {
background: url('http://img15.hostingpics.net/pics/456026fonpaaa.png') no-repeat;
width: 750px;height: 475px;position: relative;margin: auto;text-align: justify;color: #3c392d;}
#pa a {
color: #43706F !important;font-family: raleway;font-size: 7px;text-transform: uppercase;
letter-spacing: 1px;text-align: center;}

#navig {position: absolute;top: 10px;left: 25px;}
#navig a {display: inline-block;width: 100px;height: 55px;margin: 5px;}

#contexte {width: 340px;height: 190px;overflow: auto;position: absolute;top: 70px;left: 15px;
padding: 10px;background-color:#0f0e0d; border: 1px solid #141312;font-family: arial;font-size: 11px;}
.rititu{width: 332px;}

#bienvenue {
width: 340px;height: 80px;overflow: auto;position: absolute;padding: 10px;top: 70px;left: 385px;
background-color:#0f0e0d; border: 1px solid #141312;font-family: arial;font-size: 11px;}
.metéo {width: 90px; float: left;margin-left: 1px; margin-right: 3px; margin-top: 1px;
margin-bottom: -2px; border:1px solid #24201e; padding: 3px; opacity: 0.9 }
/*INTRIGUE*/
.ratata {
width: 340px;background-color:#0f0e0d; border: 1px solid #141312;font-size: 11px;line-height: 1.2;
padding: 3px;text-align: center;position: absolute;padding: 10px;top: 178px;left: 383px;}
.rititi {width: 340px;}
/*FIN INTRIGUE*/
#tops {
width: 338px;height: 65px;overflow: hidden;position: absolute;top: 295px;left: 382px;padding: 10px;
background-color:#0f0e0d; border: 1px solid #141312;font-family: arial;font-size: 11px;}
.imgpq {width: 85px;height: auto;border: solid #24201e 1px;padding: 2px; margin-top: 6px;margin-right: 2px;}
.imgkl {width: 10px;height: auto;margin-right: 1px; margin-bottom: -3px;}

#credits {background-color:#0f0e0d; border: 1px solid #141312;width: 345px;height: 65px;position: relative;
margin: auto;text-align: justify;color: #3c392d;top: 385px;left: -180px;font-family: arial;font-size: 11px;padding: 10px;}

#scenario {background-color:#0f0e0d; border: 1px solid #141312;width: 349px;height: 74px;position: relative;margin: auto;
text-align: justify;color: #3c392d;top: 298px;left: 187px;font-family: arial;font-size: 11px;padding: 5px;}
.imgjko {width: 47px;height: 45px;border: solid #24201e 1px;padding: 2px; margin-top: 8px;margin-right: 2px;}


#staff {
width: 360px;height: 90px;overflow: visible;position: absolute;top: 290px;left: 15px;background-color:#0f0e0d; border: 1px solid #141312;}
/*DEBUT INFOBULLE STAFF*/
/* BLOC CONTENANT L'INFOBULLE - L’ICÔNE */
.transition-tfa{position: relative;width:50px;float: left;margin: 9px;left: 8px;transform: all;
-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;transition: 1s;-moz-transition: 1s;-o-transition: 1s;
-htm-transition: 1s;-webkit-transition: 1s;opacity:0.9;}
/* TITRE DANS INFOBULLE */.h3 {color: #9C365D !important;font-family: raleway;font-size: 9px;
text-transform: uppercase;letter-spacing: 1px;border:1px solid #0D0B0B;text-align: center;
width: 96%;margin: 0 auto;padding: 0;}
/* INFOBULLE */
.block_transition{background-color: #12100f;width: 0; height: 0;overflow: hidden; position: absolute;
left:0px;top: 0;bottom: 0px;z-index: 999; padding: 0; -align: left; margin-bottom:-65px;transform: all;
-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;transition: 1s;-moz-transition: 1s;-o-transition: 1s;
-htm-transition: 1s;-webkit-transition: 1s;opacity:0.9;}
/* INFOBULLE AU SURVOL */
.transition-tfa:hover .block_transition{height: 62px;width: 50px;padding: 5px; border-width: 1px;}
/* IMAGE (icône) */
.transition-tfa img {padding: 2px;border:1px solid #24201e;position: relative;z-index: 990;left: 0;bottom: 0;
-webkit-transition: all 1s linear 0s;/* pour navigateur webkit */-moz-transition: all 1s linear 0s; /* pour navigateur mozilla */-o-transition: all 1s linear 0s;/* pour navigateur opera */transition: all 1s linear 0s; /* pour les navigateurs récents */ }
/* IMAGE (icône) AU SURVOL */.transition-tfa:hover img {}
/* TITRE DANS INFOBULLE */
.block_transition h3 {color: #9C365D !important;font-family: raleway;font-size: 9px;text-transform: uppercase;
letter-spacing: 1px;border:1px solid #0D0B0B;text-align: center;width: 96%;margin: 0 auto;padding: 0;}
/* espace pour le menu*/
.space {width:6px;height:2px;}
/* fin espace menu* /
/*FIN INFOBULLE STAFF*/

/*PROFIL*/
.cadreprofil {box-shadow: 0 0 1px #080707, 0 0 1px #0D0B0B, 0px 0px 50px 2px rgba(8,6,6,0.8)inset;  background-color:#141313;
padding: 15px;height: auto;border-radius: 100px;}
.pseudoprofil {text-align: center;font-family: 'Astloch', serif;font-size: 30px;
  font-weight: lighter !important;letter-spacing: -3px;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
bgh {color: #57514B !important;font-family: raleway;
  font-size: 9px;text-transform: uppercase;letter-spacing: 1px; padding: 4px;}
kgh {color: #57514B !important;font-family: arial;
  font-size: 9px;text-transform: lowercase;}
.avatarprofil { border:1px solid #1f1c1c; padding: 4px; opacity: 0.9}
.avatarprofil:hover { filter: grayscale(100%);-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.rangprofil {text-align: center;color: #57514B !important;font-family: raleway;
  font-size: 9px;text-transform: uppercase;letter-spacing: 1px;margin-top: -14px;}
.infosprofil {margin-bottom: 10px; width: 170px; height: auto; padding: 5px; border-radius: 20px;
box-shadow: 0 0 3px #080707, 0 0 1px #0D0B0B, 0px 0px 50px 2px rgba(13,11,11,0.8)inset;  background-color:#141313;}
.rangimage {margin-bottom: 10px; width: 170px; height: 90px; padding: 5px; border-radius: 20px;
box-shadow: 0 0 3px #080707, 0 0 1px #0D0B0B, 0px 0px 50px 2px rgba(13,11,11,0.8)inset;  background-color:#141313;}
.decoprofil {margin-bottom: 10px;margin-left: 15px;max-width: 150px;height: 44px;
background: url('http://img4.hostingpics.net/pics/445945PROFILDECO.png') no-repeat;float: center;}
/*FIN PROFIL*/

/* DEBUT NAVIGATION */
.navig {position: fixed;left: 0px;top: 0px;right: 0px;z-index: 999;width: 100%;font-variant: small-caps;
background-color: #1a1716;border-bottom: 2px solid #0D0B0B;-moz-opacity: 0.9;-khtml-opacity: 0.9;
opacity: 0.9;-webkit-box-shadow: 0px 0px 10px #000;-moz-box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px #000;height: 20px;}
a.mainmenu {color: #9C365D !important;font-family: raleway;font-size: 9px;text-transform: uppercase;letter-spacing: 1px;}
a.mainmenu:hover {color: #669493 !important;}
a.mainmenu img {display: none;}
/* FIN NAVIGATION */

/* DEBUT CATEGORIES */

.imgcatge {position: relative; left: -45px; top: 10px;}

/* enlever image titre de caté */
.secondarytitle h2 span , .hierarchy a span { display:none; }
td.nav a > img , .catBottom .nav a > img, .nav img{display: none !important;}

table {border-collapse: collapse;}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {padding: 2px 3px;}

td, th {display: table-cell;}

.forumline {border-radius: 15px;background: url('http://img15.hostingpics.net/pics/257511CENTREE.png');
width: 750px;}

td.catHead, th.thHead {border-radius: 15px 15px 0 0;background: transparent;}

td.catBottom, th.thBottom {border-radius: 0 0 15px 15px;background: transparent;}

.secondarytitle {margin-top: -50px;  width: 750px;height: 200px;
background: url('http://img4.hostingpics.net/pics/515931516275sidenew.png') no-repeat;text-align: left;}

.bas_cate {
width: 750px;height: 110px;background: url('http://img15.hostingpics.net/pics/611833SIDEBAS.png');
margin-top: -17px;margin-bottom: 15px;background-color: none;  }
.secondarytitle img {
margin-top: -5px;
}

a.forumlink, a.forumlink:active, a.forumlink:visited {
display: block;text-transform: ;font-family: 'Astloch', serif;font-size: 30px;
font-weight: lighter !important;letter-spacing: -3px;margin: 0;padding-left: 30px;
color: #2E695F !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}

a.forumlink:before {content: '— ';}

a.forumlink:hover {display: block;text-transform: ;font-family: 'Astloch', serif;
font-size: 33px;font-weight: lighter !important;letter-spacing: -3px;
margin: 0;padding-left: 30px;color: #7A2C4F !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}

.fond_desc {background-image: url('http://image.noelshack.com/fichiers/2013/40/1380864987-incendio-desc.png');
width: 420px;height: 160px;position: relative;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);left: 20px;}

.desc {left: 30px;display: inline-block;width: 205px;height: 95px;overflow: auto;position: relative;
top: -5px;left: 30px;font-family: Arial, sans-serif;font-size: 10px;line-height: 11px;text-align: justify;}

.deco {font-size: 9px;text-transform: uppercase;color: #6a6940;}

.deco:after {content: '.';}

.dernier {display: inline-block;width: 120px;height: 75px;overflow: visible;position: absolute;
top: 40px;left: 256px;text-align: center;}

.sujets_messages {
font-family: 'raleway', serif;font-size: 8px;text-transform: uppercase;border-bottom: 1px solid rgba(255,255,255,0.1);
margin-bottom: 5px;letter-spacing: 1px;text-shadow: 0 0 4px #15220d;}

.dernier_message {
font-family: 'raleway', serif;font-size: 8px;text-transform: uppercase;line-height: 17px;
letter-spacing: 1px;}

.dernier_message strong {
font-family: 'raleway', serif;font-size: 8px;text-transform: uppercase;line-height: 17px;
letter-spacing: 1px;}

.sousforums_conteneur {left: 1px;top: -10px;position: relative;width: 190px;height: 190px;
overflow: hidden;background-image: url('http://img15.hostingpics.net/pics/680531864270navig4.png');
  margin: auto auto auto -55px;}

.sousforums {position: absolute;top: 0;left: 0px;width: 190px;height: 190px;
background-image: url('http://img4.hostingpics.net/pics/864666navigdessous.png');
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;}

.sousforums_conteneur:hover > .sousforums {opacity: 1;}

.sousforums > span {display: block;padding: 50px 30px 30px 30px;font-family: Arial, sans-serif;}

.sousforums > span a {font-size: 10px;}

/* FIN CATEGORIES */

a, a:link, a:visited, a:active {
text-decoration: none !important;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;}

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

a.gen, a.genmed, a.gensmall {color: #8c2e4e;text-decoration: none;}

/* HEADERS */
body {
background-image: url("http://img15.hostingpics.net/pics/529545MOSMODRESANGIS2b.png");
background-color: #0c0a0a;
background-position: top center;
background-attachment: scroll;
background-repeat: no-repeat;
}

.ban1 { background-image: url('http://img15.hostingpics.net/pics/696819MOSMODRESANGIS1.png'); }
.ban2 { background-image: url('http://img15.hostingpics.net/pics/529545MOSMODRESANGIS2b.png'); }
.ban3 { background-image: url('http://img15.hostingpics.net/pics/384722MOSMODRESANGIS2.png'); }
.ban4 { background-image: url('http://img15.hostingpics.net/pics/842618MOSMODRESANGIS4.png'); }
#i_logo {
width: 750px;
height: 520px;
}

/* ESPACE BANN - NAVBAR */
.maintitle {
margin-top:-45px;
}

/* aucune idée de ce que c'est */
#text_edit {
display: block !important;
}

/* POUR ENLEVER LES TRAITS NOIRS MOCHES DANS LES FORUMS */
td.catBottom, th.thBottom, td.catHead, th.thHead, .t-title, th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
border:none;}

td.row3Right {border:none;}

/* PROFIL */
.postdetails.poster-profile img {
width: 175px;
display: block;
}

.profilentier {
background: #1A1615;
padding: 4px;
border: 1px solid #241F1E;
border-radius:30px;
box-shadow: inset 0px 0px 10px 4px rgba(11, 9, 9, 0.6);
}

.profilavatar {
background: #241F1E;
padding: 2px;
border: 1px solid #2F2726;
border-radius:10px;
}


.profilpseudo {
text-align: center;
font-family: 'UnifrakturMaguntia', serif;
font-size: 24px;
font-weight: lighter !important;
letter-spacing: -1px;
line-height: 16px;
margin-top: 5px;
}

.profiltexte {
font-family: 'Times New Roman', serif;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #2b2625;
letter-spacing: 1px;
margin-bottom: 10px;
}

.rang_texte {
font-family: Verdana, sans-serif;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #2b2625;
letter-spacing: 1px;
}

.rang_image {
width: 190px;
height: 100px;
margin: auto;
}


.profildescrp {
width: 180px;
margin: auto;
text-align:justify;
font-family: Verdana, sans-serif;
padding: 7px;
background-color: #241f1d; /* pour les navigateurs qui ne supportent pas le rgba */
background-color: rgba(36,31,29,0.7);
border: 0px solid #2F2726;
border-radius: 7px;
margin-bottom: 5px;
}

.profil_infos {
background: rgba(0,0,0,0.1);
margin-bottom: -8px;
padding: 4px;
border-radius: 3px;
}

.profil_champs {
color: #6D7842;
font-size: 9px;
text-transform: uppercase;
font-weight: bold;
}





/* MESSAGES */

#sceditor_smilies {background-color: transparent !important;}


/* titre des sujets */
h1.cattitle {
font-family: 'UnifrakturMaguntia', serif;
font-size: 30px;
letter-spacing: -2px;
text-align: center;
text-transform: lowercase;
color:#8D886A;
}

h1.cattitle:before {
content: 'Ϟ ';
}

.cattexte {
font-family: 'Times New Roman', serif;
font-size: 8px;
color: #241F1E;
letter-spacing:4px;
border-bottom: 1px solid #211D1D;
text-align:center;
text-transform: uppercase;
margin-top: 20px;
}


/* enlever la note d'édition */
tr.post span.gensmall {
display: none;
}

.postbody {
padding: 20px 20px 30px 40px;
text-align: justify;
}

hr { display: none; }


/* DEBUT CLASSES */

u{
border-bottom: 2px solid;
border-color:#8c2e4e;
text-decoration: none;
border-radius:3px;
}

/*I{
border-bottom:none;
color:#a8283f;
font-family: Georgia;
text-decoration: none
}*/

/* codes, citations et spoilers */

.selectCode {
float: right;
cursor: pointer;
}

.quote{
font-family: Tahoma;
font-size: 12px;
color: #817A6F;
line-height: 125%;
background-color: #0D0B0B;
border: #161312;
border-style: solid;
border: 1px #161312
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #817A6F;
background-color: #0D0B0B;
border: 1px #161312 dotted;
border-radius:6px;
}

/*FIN CLASSES */




/* EDITEUR */

/*Couleur de fond de l'éditeur*/

.sceditor-container iframe, .sceditor-container textarea {
background-color: #0D0B0B !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: auto; !important;
color: #57514B !important;
font-size:11px !important;
}


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

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

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

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

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

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

/*fin Couleur de fond de l'éditeur*/



/*TRUCFORMU*/
.preza {
-moz-box-shadow: 0 0 10px #241F1E;
-webkit-box-shadow: inset 0 0 20px 2px #241F1E;
background-color: #1A1615;
border: 1px solid #2F2726;
border-radius: 500px 500px 500px 500px;
box-shadow: inset 0 0 20px 2px #241F1E;
padding-bottom: 30px;
width: 450px;
}
element.style {
overflow: auto;
height: 100px;
width: 240px;
font-family: verdana;
font-size: 11px;
padding: 7px;
text-align: justify;
line-height: 10px;
}
.citationpreza {
color: #2E2B27;
font-family: Courier New;
font-size: 9px;
letter-spacing: 2px;
line-height: normal;
margin-top: 2px;
text-transform: uppercase;
}
.textpreza {
color: #6D7842;
font-family: Alex Brush;
font-size: 50px;
letter-spacing: 0;
text-align: center;
text-transform: lowercase;
}
.cadrepreza4 {
background-color: #241F1E;
border-bottom: #2F2726 1px solid;
border-left: #2F2726 1px solid;
border-radius: 0 0 150px 150px;
border-right: #2F2726 1px solid;
height: 550px;
padding: 10px;
}
.newtext {
color: #8D886A;
font-family: Courier New;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
}

/*ESSAIT PRESENTATION*/
.lulu {
background-color: #2C2625;
width: 365px;
padding: 7px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
text-align: justify;
font-size: 11px;
line-height: 12px;
border: #362F2E 1px solid;
}

.titrepresa {
font-family: Alex Brush;
color: #8D886A;
font-size: 22px;
text-align: right;
border-bottom: 1px solid #6D665F;
text-shadow: #B9B5A2 0px 0px 1px;
}
.pseudopresa {
font-family: Abel;
color: #f28612;
font-size: 18px;
text-weight: lighter;
letter-spacing: 0px;
text-align: center;
text-transform: lowercase;
border-bottom: 1px solid #E1DCD9;
background-color: #f5f1ee;
text-shadow: #E0DCDA 1px 1px 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 20px;
}
.pixie {
opacity: 0.7;
width: 450px;
border: 1px solid #E1DCD9;
background-color: #f5f1ee;
padding: 3px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
/*CODE FICHE BY NAZACK*/

.img
{ position: absolute;
display: block;
margin-top: -18px;
width: 390px;
height: auto;
overflow: auto;
background-color: #191817;
font-size: 10px;
color: #9c9c9c;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
border-radius:20px;}


.img:hover
{ opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80); }


.fiche1{
width:460px;
height: auto;
background-color:#1A1615;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
/*border-right: 1px solid #110f0e;*/
padding-bottom: 15px;}

.fichegif{
width: 400px;
height : auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}

.fiche2{
text-align: center;
letter-spacing: 1px;
font-family: 'times new roman', cursive;
font-size: 9px;
color: #3F5640;
text-transform: uppercase;
margin-bottom: 6px;
margin-top: -5px;}

.fiche3{
margin: 5px;
padding-bottom: 0px;
text-align: center;
letter-spacing: 1px;
font-family: 'alex brush', cursive;
font-size: 40px;
color: #293e3b;
text-transform: lowercase; }

.fiche4{
width:400px;
background-color: #241F1E;
height: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
margin-top: -5px;}

.fiche5{
padding: 10px;
text-align: justify;
font-family: arial;
font-size: 11px;
color: #57513B;}

.fichecrédit{
width:430px;
height: auto;
text-align: center;
font-family: times new roman;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
color: #57513B;
margin-top: 8px;
margin-bottom: -2px;}

.fichegif2{
margin-right: 1px;
width: 200px;
height: 120px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px}


.fichegif4{
margin-right: 1px;
width: 190px;
height: 310px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px}

/*FIN CODE FICHE BY NAZACK*/

/*PRESA2*/
.rond{
width:200px;
height:320px;
border-radius:300px;
box-shadow:0px 0px 5px grey;
}
.rondava{
background-color:#181514;
color:#181514;
height:320px;
width:200px;
border-radius:300px;
opacity:0;
text-align:justify;
-moz-transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;
}
.rondava:hover{
background-color:#181514;
opacity:.8;
-moz-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;
}
.rondava:hover{
background-color:#181514;
opacity:.8;
-moz-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;
}
.txtlien{
overflow:auto;
width:150px;
height:250px;
padding-right:3px;
text-align:justify;
font-family:arial;
font-size:11px;
line-height:10px;
color:#817A6F;
}
.letitre {
font-family:Rockwell;
font-size:35px;
text-transform:lowercase;
letter-spacing:-2px;
color:#000;
text-shadow: 0px 0px 1px black;
text-align:center;
margin-bottom:15px;
-webkit-transition:all .7s;
-moz-transition:all .7s;
transition:all .7s;
}
.letitre:hover {
color:#999;
-webkit-transition:all .7s;
-moz-transition:all .7s;
transition:all .7s;
}
.unpseudo{
font-family:UnifrakturMaguntia;
font-size:20px;
text-transform:lowercase;
text-align:center;
padding-bottom:3px;
padding-top:20px;
color:#6D7842;
}
.credits {
font-family:arial;
font-size:8px;
opacity:.8;
line-height:8px;
color:black
}

/*TEST NEW*/

.debuton {
background-color: #0F0E0E;
border-radius: 20px;
margin-bottom: -20px;
padding: 15px;
width: 500px;
}
.boxon {
background-color: #131110;
border: #131110;
width: 475px;
height: 37px;
border-radius: 30px
}
.milieuon {
background-color: #0F0E0E;
margin-bottom: -20px;
padding: 15px;
width: 500px;
}

.ligneof {
line-height:1px;
line-width: 475px;
color: #929C6A
}

.gifon {
background-color: #0F0F0F;
border: 1px solid #1C1919;
border-radius: 10px;
padding: 3px;
}
.interieuron {
background-color: #131110;
border: 1px solid #131110;
border-radius: 10px;
box-shadow: 0px 0px 35px 0px #101010 inset;
font-size: 11px;
padding: 10px;
text-align: justify;
width: 475px;
}
.bason {
background-color: #0F0E0E;
color: #242424;
border-radius: 20px;
font-family: georgia;
font-size: 8px;
letter-spacing: 2px;
padding: 15px;
text-transform: uppercase;
width: 500px;
}
.titreon {
color: #646E34;
font-family: UnifrakturMaguntia,cursive;
font-size: 42px;
letter-spacing: -2px;
text-align: center;
text-shadow: 0px 0px 5px #474F20;
text-transform: lowercase;
}
.soustitreon {
font-family: times new roman;
font-size: 9px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}

/*italique*/
.postbody I{
color:#929C6A;
}

i:hover {
letter-spacing: 0.5px;
color: #646E3C
}



/* QEEL */

#qeel {
position: relative;
width: 750px;
height: 700px;
margin: auto;
background-image: url('http://img11.hostingpics.net/pics/422257incendioqeel.png');
text-align: justify;
}

#stats {
position: absolute;
width: 340px;
height: 70px;
top: 152px;
left: 363px;
overflow: auto;
line-height: 9px;
}

.tabs-onglets {
position: absolute;
top: 130px;
left: 745px;
}

.tabs-onglets a {
display: block;
width: 25px;
height: 100px;
margin-bottom: 14px;
}

#contenu {
position: absolute;
width: 340px;
height: 100px;
top: 250px;
left: 363px;
overflow: auto;
}

#online span {
font-size: 9px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
line-height: 9px;
}

#qeel24 td.row1 > span {
font-size: 9px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
line-height: 9px;
}

#qeel24 td.row1 {
background: none;
background: transparent;
}

#groupes {
position: absolute;
top: 484px;
left: 114px;
}

#groupes span {
line-height: 8px;
}


/*SCROLLBARS*/
::-webkit-scrollbar { /*Scrollbar entière height c'est pour la hateur de la scrollbar horizontale et width pour la largeur de la scrollbar verticale*/
width: 5px;
background-color: #2F2726;
height: 5px;
}

::-webkit-scrollbar-track { /*Le fond de la scrollbar*/
background-color: #1A1615;
}

::-webkit-scrollbar-thumb { /*Le petit ascenceur de la scrollbar, le truc qui descend*/
background-color: #2F2726;
}

::-webkit-scrollbar-button { /*La hauteur des boutons de la scrollbar verticaux*/
background-color: #2F2726;
height: 10px;
}

::-webkit-scrollbar-button:horizontal { /*La largeur des boutons horizontaux*/
background-color: #2F2726;
width: 10px;
}