catégories gc

Admin Messages : 21 Date d'inscription : 13/01/2019

catégorie :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td><div class="titrecat"><h{catrow.forumrow.LEVEL} class="hierarchy">
         <div style="background-color : #fdae5e; width : 776px; height ; 28px; margin : 3px;"><center><span class="forumlink">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span></div>
</h{catrow.forumrow.LEVEL}></div>
<table><tr><td>
<div class="lienscat"><div style="padding-top : 10px;"></div>

         <span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

<script type=”text/javascript”>$(‘.espaceforum’).each(function(){$(this).html($(this).html().replace(/,/g,””));});</script>
</span> </div>
</td>
<td width="50px">

      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td>
<div class="dernmess"><br/><br/><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>

</td>

<td>
<div class="desc"> <table><tr><td>
<div style="height: 85px; margin-top :4px;"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span><br/>
</div>
<center> <div class="sujetsmess"><span class="gensmall">{catrow.forumrow.POSTS} parties dans</span> <span class="gensmall">{catrow.forumrow.TOPICS} cartes SD</span> </div></center>
</td><td>


<div style="width: 50px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
</td></tr></table></div>
</td></tr></table>

   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Admin Messages : 21 Date d'inscription : 13/01/2019

Code:: .titrecat { background-color : #efefef;
width : 770px;
padding : 2px;
text-align : center; }

.lienscat { background-color : #efefef;
width : 155px;
height : 120px;
}

.sousfo {
background-color : #a2a2a2;
width : 140px;
margin-left :05px;
margin-right : 05px;
margin-top : -5px;
padding : 2px;
text-align : center;}

.sujetsmess { background-color : #ffffff;
width : 250px;
padding : 2px;
text-align : center;}

.desc { background-color : #efefef;
width : 400px;
height : 116px;
padding : 2px;
text-align : justify;}

.lastpost-avatar img {
align : right !important;
opacity:0.9;
transition: all ease 1s;
width :60px;
height : 96px; }

.lastpost-avatar img:hover {
opacity:0.5;
transition: all ease 1s; }

.supvirg {
font-family: 'Thasadith', sans-serif;
text-transform: lowercase;
font-size : 12px !important;
font-weight : normal;
line-height:14px;}

.dernmess { background-color : #efefef;
width : 155px;
height : 120px;
text-align : center; }/* CODAGE GAME*/
#avatar {
width: 200px;
height: 320px;
}

/* .systab .tab => les onglet */
a.forumlink, a.forumlink:link, a.forumlink:active, a.forumlink:visited {
font-weight:normal;
font-family: 'Open Sans', sans-serif;
color: #e1d3a0;
font-size: 18px;
float : bottom;
height : 27px;
letter-spacing: 0px;
}

.systab .tab {
padding: 2px 10px;
color: #000;
cursor: pointer;
transition: all 0.75s; /*correspond à la vitesse de transition entre l'image & les informations*/
-webkit-transition: all 0.75s; /*pour que la transition fonctionne sur Chrome & Safari*/
-moz-transition: all 0.75s; /*pour que la transition fonctionne sur Mozilla*/
-ms-transition: all 0.75s; /*pour que la transition fonctionne sur Internet Explorer*/
-o-transition: all 0.75s; /*pour que la transition fonctionne sur Opera*/
opacity: 1; /*correspond à l'opacité de l'image*/
}
/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
background: #b8efa1;
color: #487f31;
border-color: #487f31;
opacity: 0.75; /*correspond à l'opacité de l'image restant derrière le texte après avoir passé la souris*/
}

/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
color: #ccc;
background: #333;
}
/* .systab .contents => les conteneurs des contenus associés aux onglets */
.systab .contents {
margin-top: 1px;
margin-bottom: 1px;
color: #000;
padding: 10px;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
display: block;
margin: 4px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
float: left;
}

Admin Messages : 21 Date d'inscription : 13/01/2019

Code:: /* AVATAR DERNIER UTILISATEUR ENREGISTRE QEEL */
#avatar_dernier_membre {
width:45px; height:73px;
}
#avatar_dernier_membre img {
width:45px;
}

.listlastconnected td {
text-align : justify;
background-color:transparent;
background-image:none; }

.bloc-contenant {
width:306px; /*largeur du bloc*/
position: relative; /*pour pouvoir positionner l image plus bas en absolu*/
overflow: hidden; /*pour ne pas voir l image quand elle sort*/
}
.texte-dessous {
padding: 5px; /*marge intérieur du bloc*/
height: 256px; /*hauteur du bloc*/
overflow: auto; /*pour la barre de défilement si plus long*/
}
.img-glisse {
width:306; /*largeur de l image s'adapte au bloc*/
height:256; /*hauteur de l image s'adapte au bloc*/
position: absolute; /*positionnement par rapport au boc*/
top:0; /*positionnement vertical*/
left:0; /*positionnement horizontal*/
transition: top 1s ease; /*pour l effet de transition*/
}

.bloc-contenant:hover .img-glisse {
top:-100%; /*au survol de bloc-contenant, l image est au dessus du bloc*/
}

.fondpaadmin { height : 70px;
width : 200px;
background-color : #D4D4D4; }

.imgopacité1
{font-family: 'Poiret One', cursive;
font-style: normal;
font-size : 12px;
font-color : #000000;
text-align :center;
width: 200px; /*correspond à la largeur*/
height: 70px; /*correspond à la hauteur*/
background-color:#ffffff; /*correspond à la couleur de fond des informations*/
transition: all 0.75s; /*correspond à la vitesse de transition entre l'image & les informations*/
-webkit-transition: all 0.75s; /*pour que la transition fonctionne sur Chrome & Safari*/
-moz-transition: all 0.75s; /*pour que la transition fonctionne sur Mozilla*/
-ms-transition: all 0.75s; /*pour que la transition fonctionne sur Internet Explorer*/
-o-transition: all 0.75s; /*pour que la transition fonctionne sur Opera*/
opacity: 0; /*correspond à l'opacité de l'image*/
}

.imgopacité1:hover {
opacity: 0.7; /*correspond à l'opacité de l'image restant derrière le texte après avoir passé la souris*/
}

.fond1pa { background-color : #D4D4D4;
height : 256px;
width : 306px;
}

.fond2pa { border : solid 2px #CDCDCD;
background-color : #D4D4D4;
height : 296px;
width : 283px;
}

.fond3pa {
height : 300px;
width : 200px;
}

.fond4pa { border : solid 2px #CDCDCD;
background-color : #D4D4D4;
height : 135px;
width : 304px;
}

.fond5pa { border : solid 2px #CDCDCD;
background-color : #D4D4D4;
height : 95px;
width : 283px;
}

.fond6pa { border : solid 2px #CDCDCD;
background-color : #D4D4D4;
height : 95px;
width : 196px;
}

.fond7pa { background-color : #D4D4D4;
height : 95px;
width : 595px;
border : solid 2px #CDCDCD;
}

.lienspa {
height : 45px;
width : 802px;
background-color : #333333;
font-size : 14px;
text-transform: uppercase;
}

.lienspa a { font-family: 'Mandali', sans-serif;
color: #ffffff;
transition: all 0.75s; /*correspond à la vitesse de transition entre l'image & les informations*/}

.lienspa a:hover {
color : #68DB74; }

.titrepagc { font-weight: normal;
font-size : 18px;
letter-spacing: 2px;
font-variant: small-caps;
text-align : left;
font-family: 'Mandali', sans-serif;

}

----

.tableaufiche {
text-align : left;
position:fixed;
left:5px;
top:100px;
height : 230px;
width : 180px;
background-color : #dedede;
border : 1px solid #a2a2a2;
border-radius : 30px;}

.écritpres3{
font-color : #ffffff !important;
font-family: 'Cinzel', serif;
font-size: 18px;
padding-top: 2px;
}

/*AFFICHAGE DE LA LISTE DES SUJETS*/
.bloc_sujets {
width: 98%;
margin: auto; }

.sujets {
font-family: 'Bubbler One', sans-serif;
border-radius: 05px;
background-color : #E7EBE6;
padding: 2px; }

.topictitle {
font-size: 10px;
font-family: 'Cinzel', cursive; }

.topictitle2 {
color: #000000;
font-size : 15px;
font-weight: normal;
line-height: 15px;
text-transform : lowercase;}

.sujets_auteur {
display: block;
width: 200px;
line-height: 11px;
font-size: 11px;
font-weight : normal;}

.sujet_last {
display: block;
width: 180px;
height: 40px;
font-size : 10px;}

.sujets_stats {
width : 200px;
margin-bottom: 5px; }

.sujets_stats_contenu {
font-family: 'Bad Script', cursive;
font-size: 10px; }

.fondstaff { background-color:#ffffff; }

/*MESSAGES CODES ET CITER*/
/*Code*/
.code{
background-color : #FFFFFF !important;
border: 1px solid #C9D2D8;
color: #4E4E4E;}

/*citation*/
.quote{
background-color : #FFFFFF !important;
border: 1px solid #C9D2D8;
color: #4E4E4E;}

/*spoiler*/
.spoiler{
background-color : #FFFFFF !important;
border: 1px solid #C9D2D8;
color: #4E4E4E;}

.spoiler_closed hidden, .spoiler_content, .spoiler_closed{
background-color : #FFFFFF !important;
border: 1px solid #C9D2D8;
color: #4E4E4E;}

/*SELECTIONNEUR DE CODE*/
.selectCode {
float: right;
cursor: pointer;
text-trasnform: uppercase;
font-weight : bold;}

div.cont_code { clear: right; }

/*QEEL*/
.qeel1 {
font-size : 10px;
font-color : #000000 !important; }

.listlastconnected td {
text-align : justify;
background-color:transparent;
background-image:none; }

/*SCROLLBAR PERSONNALISEE qeel*/
.scrollbar4 {
width: 235px;
clear: both;
margin: 10px 0 0px; }

.scrollbar4 .viewport {
width: 230px;
height : 160px;
overflow: hidden;
position: relative; }

.scrollbar4 .overview {
list-style: none;
position: relative;
left: 0; top: 0; }

.scrollbar4 .thumb .end,
.scrollbar4 .thumb { background-color: #b9bec1; }

.scrollbar4 .scrollbar {
position: relative;
float: right;
width: 2px; }

.scrollbar4 .track {
background-color: #ffffff;
height: 100%;
width:2px;
position: relative;
padding: 0 1px; }

.scrollbar4 .thumb {
height: 20px;
width: 2px; cursor: pointer;
overflow: hidden;
position: relative; top: 0; }

.scrollbar4 .thumb .end {
overflow: hidden;
height: 5px;
width: 2px; }

.scrollbar4 .disable{ display: none; }

.scrollbar5 {
width: 250px;
clear: both;
margin: 10px 0 0px; }

.scrollbar5 .viewport {
width: 245px;
height : 70px;
overflow: hidden;
position: relative; }

.scrollbar5 .overview {
list-style: none;
position: relative;
left: 0; top: 0; }

.scrollbar5 .thumb .end,
.scrollbar5 .thumb { background-color: #b9bec1; }

.scrollbar5 .scrollbar {
position: relative;
float: right;
width: 2px; }

.scrollbar5 .track {
background-color: #ffffff;
height: 100%;
width:2px;
position: relative;
padding: 0 1px; }

.scrollbar5 .thumb {
height: 20px;
width: 2px; cursor: pointer;
overflow: hidden;
position: relative; top: 0; }

.scrollbar5 .thumb .end {
overflow: hidden;
height: 5px;
width: 2px; }

.scrollbar5 .disable{ display: none; }

.bodyline {
border: 5px solid #A2A2A2;
border-radius : 10px;
}

.imgopacité
{font-family: 'Poiret One', cursive;
font-style: normal;
font-size : 12px;
font-color : #000000;
text-align :center;
width: 100px; /*correspond à la largeur*/
height: 50px; /*correspond à la hauteur*/
background-color:#ffffff; /*correspond à la couleur de fond des informations*/
transition: all 0.75s; /*correspond à la vitesse de transition entre l'image & les informations*/
-webkit-transition: all 0.75s; /*pour que la transition fonctionne sur Chrome & Safari*/
-moz-transition: all 0.75s; /*pour que la transition fonctionne sur Mozilla*/
-ms-transition: all 0.75s; /*pour que la transition fonctionne sur Internet Explorer*/
-o-transition: all 0.75s; /*pour que la transition fonctionne sur Opera*/
opacity: 0; /*correspond à l'opacité de l'image*/
}

.imgopacité:hover {
opacity: 1; /*correspond à l'opacité de l'image restant derrière le texte après avoir passé la souris*/
}

/*SCROLLBAR PERSONNALISEE CADRES SCENARIO*/
.scrollbar3 {
width: 180px;
clear: both;
margin: 10px 0 10px; }

.scrollbar3 .viewport {
width: 175px;
height : 180px;
overflow: hidden;
position: relative; }

.scrollbar3 .overview {
list-style: none;
position: relative;
left: 0; top: 0; }

.scrollbar3 .thumb .end,
.scrollbar3 .thumb { background-color: #E2E5E5; }

.scrollbar3 .scrollbar {
position: relative;
float: right;
width: 2px; }

.scrollbar3 .track {
background-color: #000000;
height: 100%;
width:2px;
position: relative;
padding: 0 1px; }

.scrollbar3 .thumb {
height: 20px;
width: 2px; cursor: pointer;
overflow: hidden;
position: relative; top: 0; }

.scrollbar3 .thumb .end {
overflow: hidden;
height: 5px;
width: 2px; }

.scrollbar3 .disable{ display: none; }

/*SCROLLBAR PERSONNALISEE CADRES PRESENTATIONS*/
.scrollbar2 {
width: 360px;
clear: both;
margin: 10px 0 10px; }

.scrollbar2 .viewport {
width: 350px;
height : 170px;
overflow: hidden;
position: relative; }

.scrollbar2 .overview {
list-style: none;
position: relative;
left: 0; top: 0; }

.scrollbar2 .thumb .end,
.scrollbar2 .thumb { background-color: #E2E5E5; }

.scrollbar2 .scrollbar {
position: relative;
float: right;
width: 2px; }

.scrollbar2 .track {
background-color: #000000;
height: 100%;
width:2px;
position: relative;
padding: 0 1px; }

.scrollbar2 .thumb {
height: 20px;
width: 2px; cursor: pointer;
overflow: hidden;
position: relative; top: 0; }

.scrollbar2 .thumb .end {
overflow: hidden;
height: 5px;
width: 2px; }

.scrollbar2 .disable{ display: none; }

/*SCROLLBAR PERSONNALISEE PRES HISTOIRE ET MODELE GENERAL*/
.mep { margin-top : -20px;}

.scrolling { height: 60px; }

.scrollbar1 {
width: 360px;
clear: both;
margin: 10px 0 10px; }

.scrollbar1 .viewport {
width: 350px;
height : 550px;
overflow: hidden;
position: relative; }

.scrollbar1 .overview {
list-style: none;
position: relative;
left: 0; top: 0; }

.scrollbar1 .thumb .end,
.scrollbar1 .thumb { background-color: #E2E5E5; }

.scrollbar1 .scrollbar {
position: relative;
float: right;
width: 2px; }

.scrollbar1 .track {
background-color: #000000;
height: 100%;
width:2px;
position: relative;
padding: 0 1px; }

.scrollbar1 .thumb {
height: 20px;
width: 2px; cursor: pointer;
overflow: hidden;
position: relative; top: 0; }

.scrollbar1 .thumb .end {
overflow: hidden;
height: 5px;
width: 2px; }

.scrollbar1 .disable{ display: none; }

/*PA*/
.titrepa {font-weight: normal;
font-size : 25px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: 'Poiret One', cursive;
margin-top : -20px;
text-align : right;}

a.lienspa { font-family: 'Poiret One', cursive;
font-style: normal;
font-color : #000000 !important;
letter-spacing: 2px;
font-variant: small-caps;
text-transform: uppercase;
font-size : 13px;
font-weight: normal;}

/*SCENARIOS*/
.cadrescena{
padding-top : 10px;
background-color:#cacaca;
filter:alpha(opacity=0.4);
-moz-opacity:0.4;
opacity: 0.4;
border: #babcbe solid 2px;
height : 184px;
width : 194px; }

/*PRES*/
.cadrepres{
background-color:#cacaca;
filter:alpha(opacity=0.4);
-moz-opacity:0.4;
opacity: 0.4;
padding: 10px;
border: #babcbe solid 2px;
height : 150px; }

.écritpres{
font-family: 'Cinzel', serif;
font-size: 15px;
padding-top: 2px;
text-align : center;
valign : top;}

.écritpres2{
font-color : #ffffff !important;
font-family: 'Cinzel', serif;
font-size: 11px;
padding-top: 2px;
}

/*MODELE*/
.fondmess {
background-image : url('https://i.servimg.com/u/f63/13/49/10/29/fondma10.png');
width : 450px;
margin: auto;
height : 650px; }

.ecritmess {
padding-left : 35px;
padding-right : 35px}

.titremess{
font-family: 'Cinzel', serif;
font-size: 25px;
padding-top: 2px;
text-align : center;
background-color : #cecece;
border: #babcbe solid 1px;
height : 20px; }

.cadremess{
background-color:#cacaca;
filter:alpha(opacity=0.4);
-moz-opacity:0.4;
opacity: 0.4;
padding: 10px;
border: #babcbe solid 2px;
height : 535px; }

/*BARRE DE NAVIGATION*/
a.mainmenu {
letter-spacing: -1px;
font-size: 09px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
text-transform: uppercase;
color :#6e6e6e;
margin: auto;
padding-top: 5px;}

.fondpseudo {
background-color : #fcfcfc;
width : 210px; }

.name a {font-size : 22px;
font-weight:normal;
font-family: 'Open Sans', sans-serif;
font-size: 18px; }

.fondprofil {
background-color : #babcbe;
width : 215px;
padding : 3px;
border-radius : 4px;
}

.fondavatar { border : 3px #ffffff solid;
width : 200px;
height : 320px;
margin-left : 05px;}

.infosprofil {
text-align :justify;
margin-left : 04px;
background-color :#ffffff;
width : 200px;
margin-right : 10px;
padding : 3px;}

/*nom des champs de profil*/
.postdetails.poster-profile .label {
text-transform: uppercase;
font-color :#cacaca !important;
font-family: 'Cinzel', serif;
font-size : 08px;
letter-spacing:1px;
font-weight : normal;
line-height:11px;
opacity:0.8;}

/*gif de profil*/
.postdetails.poster-profile img {
border-radius: 05px;
width:200px;
opacity:0.9;
transition: all ease 1s; }

.postdetails.poster-profile img:hover {
border-radius: 05px;
width:200px;
opacity:0.5;
transition: all ease 1s; }

/*CATEGORIES*/
.supvirg {
font-family: 'Thasadith', sans-serif;
text-transform: lowercase;
font-size : 12px !important;
font-weight : normal;
line-height:14px;}

.secondarytitle h2 {
font-weight: normal;
font-size : 25px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: 'Poiret One', cursive; }

.desctitre {
text-transform: uppercase;
font-size : 07px !important;
letter-spacing:1px;
font-weight : bold;
line-height:11px;
opacity:0.8;}

a.forumlink, a.forumlink:link, a.forumlink:active, a.forumlink:visited {
font-weight:normal;
font-family: 'Open Sans', sans-serif;
color: #8F8B8F;
font-size: 18px;
float : bottom;
height : 27px;
letter-spacing: 0px;
}

.fondliens {
text-align : justify;
font-family: 'Thasadith', sans-serif;
background-color : #ededee;
width : 150px;
height : 105px;
padding : 3px;
border-radius : 4px;
margin-left : 3px;
margin-right : 3px;}

.fondliens a {
font-family: 'Thasadith', sans-serif;
text-transform: lowercase;
font-size : 12px !important;
font-weight : normal;
line-height:11px;}

.fonddesc {
text-align : justify;
background-color : #ededee;
width : 360px;
height : 105px;
padding : 3px;
border-radius : 4px;
font-size :12px !important;}

.derniermess {
background-color : #ededee;
height : 105px;
width : 170px;
border-radius : 4px;
padding : 3px; }

/*TOOLBAR PERSONNALISEE*/
.noSelect {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none; }
div#fa_search {display:none!important;}
span#fa_share {display:none!important;}

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

#fa_right {
background-color: #e4e8ed;
border-radius: 0px 0px 0px 0px;
padding-left: 10px; }

#fa_share_text, #fa_service, #fa_welcome, #fa_notifications{
font-size: 9px;
font-family: 'Cinzel', serif;}

ul#fa_menulist {
background-color: #a2a2a2;
font-family: 'Cinzel', serif;
border-radius: 0px 0px 0px 0px;
font-size: 11px;
width: 75px;
height: 175px;
line-height: 20px !important; }

ul#fa_menulist img{
width: 75px;
border: 2px solid #535353;
border-radius: 0 0 0px 0px;}

#fa_menulist a:link, #fa_menulist a:visited, #fa_right a, #fa_usermenu .bold, #fa_usermenu .first, a#fa_service{color: #62676E !important;}

#fa_menulist li a {white-space: nowrap;}

ul#notif_list {
background-color: #a2a2a2 !important;
border-radius: 0px 0px 0px 0px;
font-family: 'Cinzel', serif;
font-size: 11px; }

ul#notif_list a { color : #000000 !important; }

li.unread {
background-color: #b9bec1 !important;
font-color: #536482 !important;
border-radius: 0px 0px 0px 0px; }

#fa_toolbar #fa_right #notif_list li .contentText :link, #fa_toolbar #fa_right #notif_list li .contentText :visited { color : #62676E !important; }

#fa_toolbar #fa_right #notif_list li .contentText{color:#000000 !important ;}

li.see_all{
background-color: #666768 !important;
font-color: #62676E !important;
border-radius: 0px 0px 0px 0px;
font-family: 'Cinzel', serif;}

div.fa_notification{
background-color: #a2a2a2 !important;
font-color: #422828 !important;
border-radius: 0px 0px 0px 0px;
font-family: 'Cinzel', serif;}

/*HEADER FOND*/
body {
background-position : top center;
background-repeat : no-repeat;
background-attachment : scroll; }

/*JUSTIFIER*/
.postbody {
display: block;
font-size: 12px;
line-height: 13px;
padding-left: 10px;
padding-right: 10px;
text-align:justify;}

/*LIENS NN SOULIGNES*/
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

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

/* == malihu jquery custom scrollbar plugin ==

/*
----------------------------------------
1. BASIC STYLE
----------------------------------------
*/

.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;}

.mCSB_container{ /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}

/*
----------------------------------------
2. VERTICAL SCROLLBAR
y-axis
----------------------------------------
*/

.mCSB_inside > .mCSB_container{ margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
cursor: pointer;
width: 100%;
height: 26px; /* minimum dragger height */
z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
position: relative;
width: 4px;
height: 99.6%;
margin: 2px auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

/*
----------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
----------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; /* minimum dragger width */
height: 100%;
left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; /* auto-expanded scrollbar */
margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; /* auto-expanded scrollbar */
margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }

/*
----------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
----------------------------------------
*/

.mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; /* non-visible scrollbar */
margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }

/*
----------------------------------------
5. TRANSITIONS
----------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
----------------------------------------
6 THEMES
----------------------------------------
*/

.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000000;
filter: "alpha(opacity=80)"; -ms-filter: "alpha(opacity=80)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000000;
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #000000;
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000000;
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}

.overview { overflow : auto;
height : 50px;
width : 200px;}