❝ qeel/css

<!-- BEGIN disable_viewonline -->
<table border="0" width="100%" class="qeel_start" cellpadding="2">

  <tr>
      <td width="100%" colspan="2" align="center">
<span class="groupes"><a href="http://onebyone.forumgratuit.org/g2-les-pnj"><font color="#573146">➺ Les PNJ</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"><span class="groupes"> <a href="http://onebyone.forumgratuit.org/g3-les-vivants"><font color="#EAAA72">➺ Les vivants</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"><span class="groupes"> <a href="http://onebyone.forumgratuit.org/g4-les-morts"><font color="#B3975F">➺ Les morts</font></div></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
                  <br><br>
            <div style="margin-left: 15%; margin-right: 15%; border-top: 1px #c3c3be;"></div>
      </td>
  </tr>
 
  <tr>
      <td width="50%"><div style="padding-left:10px;padding-right:20px;">
        <div align="justify"><div class="qeel_align"><span class="gensmall"><span id="messages">{TOTAL_POSTS}.</span>
            <script type="text/javascript">
              document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Nos habitants ont postés");
            </script>
            <br>
                          <span id="users">{TOTAL_USERS}</span>
            <script type="text/javascript">
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"familles parfaites. ");
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"familles parfaites. ");
            </script>


                          <span id="newuser">{NEWEST_USER}</span>
            <script type="text/javascript">
              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le petit dernier ici, c'est");
            </script><br>


                          <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
            <script type="text/javascript">
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"Bébés qui pleurent");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"Bébés qui pleurent");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Habitant");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Habitants");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Espion");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Espions");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Touriste");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Touristes");
            </script>
            <br>
                          <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
            <script type="text/javascript">
              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Habitants présents");
            </script>
            <br><br>
                    </div>


      </div></div></td>
 
      <td style="padding-left: 10px; vertical-align: top; border-left: 3px dotted #c3c3be;" width="50%"><div style="padding-left:10px;padding-right:20px;">
        <table><div style="background;> {L_CONNECTED_MEMBERS}</div><br>
            <div class="qeel_birth"><div style="background;>{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</div>


</div></table></div>
      </td>

  </tr>

  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td align="center" width="100%" colspan="2" style="padding-top: 20px;">
        <span class="gensmall">Utilisateurs connectés sur la Chatbox: {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

.mainmenu{
text-transform: lowercase;
font-size: 21px;
font-weight: bold;
font-weight:bolder;
font-style:italic;
margin-left: -5px;
margin-right: -5px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: -7px;
padding-left: -7px;
font-family: times new roman;
}

.mainmenu:hover{
text-transform: lowercase;
font-size: 21px;
font-weight: bold;
font-weight:bolder;
font-style:italic;
margin-left: -5px;
margin-right: -5px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: -7px;
padding-left: -7px;
font-family: times new roman;
}

.profilentour {
text-align:center;
padding:9px;
-moz-border-radius:0px;
border: 4px double rgb(239, 239, 239);
overflow: auto;
background-color: rgb(255, 255, 255);
}

/*ENLEVERMARGENEHAUTETBAS*/

.bodyline {
box-shadow: 0 0 10px black;
    margin-bottom: -90px;
padding: -30px
}

body {
margin: 0 auto;
}

/*SUPPRIMELESSOULIGNEMENTSDESLIENS*/

a { text-decoration: none; }

u{text-decoration: none
}

a:hover {
text-decoration: none ;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover{text-transform:uppercase;}

.profilentour {
text-align:center;
padding:9px;
background-color:#FFFFFF;
-moz-border-radius:0px;
}

tr.post span.gensmall { display: none; }

u {border-bottom: 1px dashed #ffffff ;
text-decoration: none}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

forumlink{
   font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 32px;
letter-spacing: -2pt;
text-transform: lowercase;
text-shadow: 0px 0px 3px #BC866D;
color: #A9B221;
    }

a.forumlink{
   font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 32px;
letter-spacing: -2pt;
text-transform: lowercase;
text-shadow: 0px 0px 3px #BC866D;
color: #A9B221;
    }

.postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;
}

/*DESCRIPTIONS DES FORUMS*/
.description {
background-color: #FFF8E5;
border: #D2B48C 1px solid;
padding: 13px;
opacity: 0.7;
line-height: 12px;
}

.description:hover {
border: #D0DD5F 1px solid;
opacity: 0.7; }

/*PA*/
.blup {
color: #8C5C64;
margin-left: -15px;
margin-right: -15px;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
font-size: 9px;
font-weight: bold;
}

a.blup {
color: #8C5C64;
padding-left: 27px;
padding-right: 27px;
}

.onglet { border: none;opacity: 0.6;
background-color: transp;
-webkit-transition: 1s ease-in-out;
-moz-transition-duration: 1s;
cursor:default;
}

.onglet:hover
{border: none;opacity: 1;
background-color: transp;
cursor:default;
}

.message {
background-color: rgb(255, 255, 255);
border-left : 5px solid #d0dd5f;
border-right: 5px solid #d0dd5f;
border-top: 5px dashed #720c30;
border-bottom: 5px dashed #720c30;
-moz-box-shadow:0px 3px 5px silver;
-webkit-box-shadow:0px 3px 5px silver;
box-shadow:0px 3px 5px silver;
width : 200px}

.message:hover {
background-color: rgb(255, 255, 255);
border-top: 5px dashed #d0dd5f;
border-bottom: 5px dashed #d0dd5f;
border-left : 5px solid #67b0c5;
border-right: 5px solid #67b0c5;
-moz-box-shadow:0px 3px 5px silver;
-webkit-box-shadow:0px 3px 5px silver;
box-shadow:0px 3px 5px silver;
width: 200px
}

.titre5 {
font-size: 25px;
font-family: georgia;
text-shadow: #E6F5F9 1px 1px 1px;
LETTER-SPACING: -3px;
text-transform: uppercase;
color: #C7DA30;
-moz-transform:rotate(-40deg);
-webkit-transform:rotate(-40deg);
margin-left:-315px;
margin-top:-12px;
margin-bottom:15px;
}

.titre5:hover {
font-size: 25px;
font-family: georgia;
text-shadow: #FCF7D8 1px 1px 1px;
LETTER-SPACING: -3px;
text-transform: uppercase;
color: #A9B221;
-moz-transform:rotate(-30deg);
 -webkit-transform:rotate(-30deg);
margin-left:-315px;
margin-top:-12px;
margin-bottom:15px;
}

.gif {
background-color: #F3F3F3;
background-position: center;
width: 160px;
height: 100px;
opacity: 0.9;
background-repeat: no-repeat;
-moz-box-shadow:2px 2px 3px silver;
-webkit-box-shadow:2px 2px 3px silver;
box-shadow:2px 2px 3px silver;
}


.pseudoavatar {
color: #000000;
font-family: Verdana;
font-size: 08pt;
LETTER-SPACING: -2px;
text-shadow: 0pt 0px 1px white;
text-align: center;
text-transform: uppercase;
}

.cadrounet { background-color:#F2E6B2;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-left : 5px solid #F09B1A ;
border-left: -moz-border-radius: 25px -webkit-border-radius: 25px;
border-right: 5px solid #F09B1A ;
border-right:  -moz-border-radius: 25px -webkit-border-radius: 25px ;
border-top: 5px dashed #F2E6B2;
border-bottom: 5px dashed #F2E6B2;
-moz-box-shadow:0px 3px 5px silver;
-webkit-box-shadow:0px 3px 5px silver;
box-shadow:0px 3px 5px silver;
width : 350px}

.cadrounet:hover {
background-image:url(‘http://img651.imageshack.us/img651/4262/bois10.png’);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-top: 5px dashed #F2E6B2;
border-bottom: 5px dashed #F2E6B2;
border-left : 5px solid #CEB648 ;
border-left: -moz-border-radius: 25px -webkit-border-radius: 25px;
border-right: 5px solid #CEB648 ;
border-right:  -moz-border-radius: 25px -webkit-border-radius: 25px ;
-moz-box-shadow:0px 3px 5px silver;
-webkit-box-shadow:0px 3px 5px silver;
box-shadow:0px 3px 5px silver;
width: 350px
}

.top {
background-color:#CEB648;
color: white;
font-size: 12px;
text-transform:uppercase;
font-weight:bold;
font-family:verdana;
text-shadow:0px 0px 1px #F30380;
width:250px;
margin-left:px;
margin-top:px;
}

.top:hover {
background-color:#F09B1A;
color: black;
font-size: 12px;
text-transform:uppercase;
font-weight:bold;
font-family:verdana;
text-shadow:0px 0px 1px #F30380;
width:250px;
margin-left:px;
margin-top:px;
}

.titre3 {
font-size: 25px;
font-family: georgia;
text-shadow: #E6F5F9 1px 1px 1px;
LETTER-SPACING: -3px;
text-transform: uppercase;
color: #C7DA30;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
margin-right:-380px;
margin-top:-270px;
margin-bottom:243px;
}

.titre3:hover {
font-size: 25px;
font-family: georgia;
text-shadow: #FCF7D8 1px 1px 1px;
LETTER-SPACING: -3px;
text-transform: uppercase;
color: #A9B221;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
margin-right:-380px;
margin-top:-270px;
margin-bottom:243px;
}

.cadrounet2 { background-color:#F2E6B2;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-left : 5px solid #F09B1A ;
border-left: -moz-border-radius: 25px -webkit-border-radius: 25px;
border-right: 5px solid #F09B1A ;
border-right:  -moz-border-radius: 25px -webkit-border-radius: 25px ;
border-top: 5px dashed #F2E6B2;
border-bottom: 5px dashed #F2E6B2;
-moz-box-shadow:0px 3px 5px silver;
-webkit-box-shadow:0px 3px 5px silver;
box-shadow:0px 3px 5px silver;
width : 320px}

.cadrounet2:hover {
background-image:url(‘http://img651.imageshack.us/img651/4262/bois10.png’);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-top: 5px dashed #F2E6B2;
border-bottom: 5px dashed #F2E6B2;
border-left : 5px solid #CEB648 ;
border-left: -moz-border-radius: 25px -webkit-border-radius: 25px;
border-right: 5px solid #CEB648 ;
border-right:  -moz-border-radius: 25px -webkit-border-radius: 25px ;
-moz-box-shadow:0px 3px 5px silver;
-webkit-box-shadow:0px 3px 5px silver;
box-shadow:0px 3px 5px silver;
width: 320px
}

.titre4 {
font-size: 25px;
font-family: georgia;
text-shadow: #E6F5F9 1px 1px 1px;
LETTER-SPACING: -3px;
text-transform: uppercase;
color: #C7DA30;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
margin-left:-350px;
margin-top:-260px;
margin-bottom:233px;
}

.titre4:hover {
font-size: 25px;
font-family: georgia;
text-shadow: #FCF7D8 1px 1px 1px;
LETTER-SPACING: -3px;
text-transform: uppercase;
color: #A9B221;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
margin-left:-350px;
margin-top:-270px;
margin-bottom:243px;
}

.titre6 {
font-size: 25px;
font-family: georgia;
text-shadow: #E6F5F9 1px 1px 1px;
LETTER-SPACING: -3px;
text-transform: uppercase;
color: #C7DA30;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
margin-left:-350px;
margin-top:-260px;
margin-bottom:233px;
}

.titre6:hover {
font-size: 25px;
font-family: georgia;
text-shadow: #FCF7D8 1px 1px 1px;
LETTER-SPACING: -3px;
text-transform: uppercase;
color: #A9B221;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
margin-left:-350px;
margin-top:-260px;
margin-bottom:233px;
}

/*FICHE DE PRESENTATION*/
.contour {
background-color: #FFF8E5;
border: #D2B48C 1px solid;
padding: 13px;
line-height: 12px;
width: 500px;
}

.contour:hover {
border: #D0DD5F 1px solid;}

.prenomnom {
font-size: 35px;
font-family: georgia;
color: #720c30;
text-transform: uppercase;
text-shadow: #d4c5b0 0px 0px 1px;
}

.celebrite {
font-size: 12px;
color: #D0DD5F; 
margin-left: 100px;
}

.titre {
font-size: 35px;
font-family: georgia;
color: #720c30;
text-transform: uppercase;
text-shadow: #d4c5b0 0px 0px 1px;
}

.titre:hover {
font-size: 35px;
font-family: georgia;
color: #D0DD5F;
text-transform: uppercase;
text-shadow: #d4c5b0 0px 0px 1px; }

.titree {
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 40px;
letter-spacing: -2pt;
text-transform: lowercase;
text-shadow: 0px 0px 3px #D0DD5F;
color: #D0DD5F; }

.titrepa {
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 50px;
letter-spacing: -2pt;
text-transform: lowercase;
text-shadow: 0px 0px 3px #720C30;
color: #720C30; }

.titrepa:hover {
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 50px;
letter-spacing: -2pt;
text-transform: lowercase;
text-shadow: 0px 0px 3px #D0DD5F;
color: #D0DD5F; }


.presou{
background-color: #720c30;
padding-right:30px;
padding-left:30px;
width: 470px;
}

.presou2{
background-color: #D0DD5F;
padding-right:30px;
padding-left:30px;
width: 470px;
}

.presou3{
background-color: #720c30;
padding-right:30px;
padding-left:30px;
width: 470px;
}

/*QUEEL*/
.statistiques{
text-align:justify;
border:0px;
background-image: url("");
background-repeat: no-repeat;
}

.groupes{
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 25px;
letter-spacing: -2pt;
text-transform: lowercase;
text-shadow: 0px 0px 3px #D0DD5F;
}


.contour2 {
background-color: #F6EFDF;
border: #720c30 1px solid;
padding: 13px;
line-height: 12px;
width:210px;
}

.contour2:hover {
border: #D0DD5F 1px solid;}

.contour3 {
background-color: #F6EFDF;
border: #720c30 1px solid;
padding: 13px;
line-height: 12px;
width:170px;
}

.contour3:hover {
border: #D0DD5F 1px solid;}

/*INFOBULLES*/

a.imginfo {
  position: relative;
  color: #A7A7A7;
  text-decoration: none;
-moz-border-radius:10px; /* on souligne le texte */
}

a.imginfo span {
  -moz-border-radius:10px;
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  -moz-border-radius:10px;
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 0px; /* on positionne notre infobulle */
  left: 20px;
  background: white;
  color: #A7A7A7;
  padding: 3px;
  border-right: 5px solid #d0dd5f;
border-left: 5px solid #d0dd5f;
-moz-border-radius:10px;
border-top: 1px solid #720c30;
border-bottom: 1px solid #720c30;
}

tr.post span.gensmall { display: none; }

a.imginfo {
  position: relative;
  color: #A7A7A7;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 0px; /* on positionne notre infobulle */
  left: 20px;
  background: white;
  color: #A7A7A7;
  padding: 3px;
border-right: 5px solid #d0dd5f;
border-left: 5px solid #d0dd5f;
-moz-border-radius:10px;
border-top: 1px solid #720c30;
border-bottom: 1px solid #720c30;
}

tr.post span.gensmall { display: none; }

tr.post td {padding-left: 10px;}
tr.post td {padding-right: 10px;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}

a
{
text-decoration: none;
}

a {
text-transform: lowercase ;}

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


body {
text-align:justify;
}


body {
text-align:list;
}


.name a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#BF2424 none repeat scroll 0 0;
display:block;
font-style:italic;
font-variant:normal;
letter-spacing:1px;
text-align:center;
text-shadow:1px 1px 2px black;
}

.bodyline{border:12px solid #BF2424;
}

a.forumlink {
color: #BC8F8F;
display: block;
font-family: arial;
font-size: 14px;
text-transform: uppercase;
letter-spacing: -1px;
border-bottom: 10px solid #BF2424;
padding-left: 10px;
}


}
a.info {
  position: relative;
  color: #576186;
  text-decoration: none;
}

a.info span {
  display: none;
font-size: 12px;
}

a.info:hover {
  background: none;
  z-index: 999;

  cursor: help;
}

a.info:hover span {
  display: inline;
  position: absolute;

  white-space: nowrap;

  top: 60px;
  left: 60px;

  background: #C0CDE5;

  color: #576186;
  padding: 3px;

  border: 3px solid #3E3D70;
}

.floatleft{
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}

a.forumlink:hover:after { content: ", so come on!"; }

 .vignettes
{-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

.limitation-signature img {
max-width: 500px;
max-height: 200px;
}

.profilentour {
text-align:right;
padding:9px;
background-color:#BF2424;
-moz-border-radius:5px;
}

body{margin-top: 0px;}

body{margin-bottom: 0px;}

tr.post span.gensmall { display: none; }

td.row3 {
background-repeat: repeat;
background-image: url('http://img72.imageshack.us/img72/7392/css.png');
background-position: center;
}

.quote {
background-image: url('http://img72.imageshack.us/img72/7392/css.png');
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
}

/* BOITE FLOTTANTE */
#left{
  width: 0 !important;
}

/* F O N T S */
f01 {font-family: 'Rozha One', serif;}
f02 {font-family: 'Crimson Text', serif;}
f03 {font-family: 'Space Mono', monospace;}
f04 {font-family: 'Inconsolata', monospace;}
f05 {font-family: 'Oswald', sans-serif;}
f06 {font-family: 'Montserrat', sans-serif;}

/*P A*/
.lienspa {
  font-family: Oswald;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}

cxt {
  font-size:9px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

.admin {
  width: 70px;
}

.admin2 {
  width: 70px;
  opacity: 0.65
}

/* QEEL */
.forumline {
    text-align: justify;
}

.postdetails.poster-profile img {
  width: 190px;
  display:block;
    opaaacity: 0.7;
  -webkit-filter: brightness(100%) contrast(1.0) grayscale(50%);
  align: center !important;
  padding-left: 5px;
}

/* S I G N */
.signature_div img {
max-width:250px;
}



/* B A S E S */
a {text-decoration: none; /*enlève le soulignage*/
outline: none;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;}
a:hover {text-decoration: none !important; /*enlève le soulignage*/
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;}
a:link,a:active,a:visited {
text-decoration :none !important; /*enlève le soulignage*/}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
.postbody {text-align: justify !important;
display: block;
padding-left: 35px;
padding-right: 35px;}
tr.post span.gensmall { display: none; }
.code div {
  max-width:550px !important;
  }


/*PROFIL*/
.label {
  font-size:8px;
text-transform: uppercase;
letter-spacing: 0px;
    font-weight: bold;
}


/* T I T R E S */
.name{
 font-size:14px;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;}

.naame{
font-size:10px;}

.rank{
font-size:8px;
font-family: 'Montserrat', sans-serif;
 font-weight: bold;}

.mainmenu{
font-size:11px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
  font-weight: lighter;}

ti{
font-size:13px;
text-transform: uppercase;
color: #2E2E2E;
font-family: 'Oswald', sans-serif;}

tn{
font-size:16px;
text-transform: uppercase;
color: #2E2E2E;
font-family: 'Oswald', sans-serif;;
}

sl{
font-size:9px;
text-transform: lowercase;
letter-spacing: 0px;
font-family: 'Montserrat', sans-serif;
}

x{
font-size:12px;
font-family: 'Oswald', sans-serif;
color: #A63A41;
  letter-spacing: 1px
    text-transform: lowercase;;
}
 
.ft{
background-color: white;
width: 170px;
height: 70px
border: solid 1px #f0f0ee;
text-align: center;}

.ft:hover
{border: solid 1px #e7e7e6}


.profil {text-align: justify !important;}


/* I M A G E S */
.image {
width: 150px;
border: 15px solid white;
}

.image3 {
width: 90px;
border: 10px solid white;
}

/* T O O L B A R */

#fa_left {
 display: none !important;}

#fa_share
 {
 display: none !important;}

#fa_right {
    float: right;
    font-size: 10px;
    text-transform: lowercase;
  padding: 0 5px
    background-color: white;
  border-radius: 5px 0px 0 5px;
}

#fa_right #fa_notifications, #fa_welcome {
    color:#000000;
    line-height: 16px;
    padding: 0 10px;
}

#fa_icon {
    display: none !important; }


#fa_toolbar {
    background-color: transparent;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    height: 18px;
    text-transform: lowercase;
    line-height: 8px; }

#fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome {
  color: #000000; }

#fa_search {
    height: 21px;
    margin-left: 20px;
    display: none !important; }

a#fa_hide {
    display: none !important; }

#fa_menulist {
    background-color: #fff;
    border: 1px solid #eaeaf2;
    line-height: 25px;
    list-style-type: none;
    margin: 0;
    min-width: 100x;
    padding: 0px 0px 35px 150px;
    position: absolute;
    width: 125;
    z-index: 999; }

#fa_usermenu {
    font-size: 10px;}

#fa_ranktitle {
    display: none !important; }


/* CONTENU */
.selectCode { float:right;
text-transform: lowercase;
font-size:13px;
font-family: 'Crimson Text', serif;
font-weight: bold;
cursor:pointer; }
div.cont_code { clear: right; }



/* ELEVATOR */
.ascenseur {
position: fixed; /*--- toujours afficher l'ascenseur à l'écran ---*/
top: 670px; /*--- On le place à XX px du haut de l'écran ---*/
right: 50px; /*--- On le place à X px de l'écran ---*/
}



/* MENTIONNER */
/* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
 
/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

/*suppression boutons date et heure*/
a.sceditor-button-date, a.sceditor-button-time {
    display: none;
}




/**********RESEAU SOCIAL**********/
/*AUTRES POSTS*/
.imgpost {
  width: 36px;
  height: 36px;
}

.rep {
  text-align:justify;
}

/*POST DE "PRESENTATION"*/
.fond1{
  width: 498px;
  background-color:white;
  border: 1px solid #eaeaea;
  padding: 6px;
}

.fond2{
  width: 500px;
  background-color: #eaeaea;
  padding: 6px;
}

.iconprofil{
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.pseud{
  font-family: Voltaire;
  font-size: 25px;
  text-transform: lowercase;
  letter-spacing: 1px;
}
.pseud:hover{
  color:#8fb0c7;
}

lt{
  font-family:arial;
  font-size: 12px;
  text-transform: lowercase;
  text-align: justify;
}

.infos{
  font-family: Voltaire;
  font-size: 16px;
  text-transform: uppercase;
}

.infos:hover{
  color:#8fb0c7;
}

.fond3{
  width: 498px;
  background-color:white;
  border: 1px solid #eaeaea;
  padding: 6px;
}

.photo1{
  width:70px;
  height: 70px;
}

.voirplus{
  width: 218px;
  background-color:#eaeaea;
  font-family: Voltaire;
  letter-spacing: 1px;
  font-size:14px;
  padding-top: 2px;
  padding-bottom: 2px;
}

ps{
  font-family: Voltaire;
  font-size: 15px;
  text-transform: lowercase;
}

ps:hover{color: #8fb0c7;}

.status1{
  width:243px;
  height: 246px;
  text-align: justify;
  overflow: auto;
}

.wolverine {
  font-family: tahoma;
  font-size: 8px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.forumlink {
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  margin-left: 15px
  letter-spacing: 1px;
  font-weight: lighter;;
}

/*description des forums*/
.boite1 {
text-align:justify;
}
.description {
  font-size: 11x;
  padding: 4px;
  text-align: justify;
}


/*liens des sous-forums*/
.lienssf a {
  text-decoration:none;
  font-size: 9px;font-family: tahoma;text-transform: lowcase;letter-spacing: 1px;
}


/*derniers messages*/
.derniermssg {
  font-size: 11px;
}

.feuillepers {
  text-align:center;
  background-color: white;
font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #494C4F
      text-transform: uppercase;
}

a.mainmenu img {
display:none;
}
.selectCode {
float:right;
cursor:pointer;
}
div.cont_code {
clear:right;
}





/*compteur de mots*/
.word-count{
  font-size: 11px;
 text-align: right;

}

/*Q U I - E S T - E N - L I G N E*/
#QEEL {
  width: 788px;
  margin: auto;
  margin-top: 6px;
  padding: 6px:
}

/*colonnes du qeel*/
div#colonne1 {
  background-image: url("https://i.imgur.com/VLD3oOc.png"); /*image sous les groupes*/
  float: left;
  width: 150px;
  height: 150px;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 6px;
}

/*bienvenue à*/
div#welcomeat1 {
  margin-left: 164px;
  margin-bottom: 4px;
  width: 296px;
  height: 16px;
  border: 1px solid #BAC7B9;
  padding: 4px;
}

/*mssgs et membres*/
div#numbers1 {
  margin-top: -30px;
  margin-bottom: 4px;
  width: 302px;
  height: 16px;
  border: 1px solid #BAC7B9;
  padding: 4px;
  float: right;
}

/*colonne 48h*/
div#colonne2 {
  float: right;
  width: 302px;
  height: 110px;
  border: 1px solid #BAC7B9;
  padding: 4px;
  margin-left: 6px;
}

/*colonne "en ligne"*/
div#centre {
  height: 110px;
  overflow: auto;
  border: 1px solid #BAC7B9;
  padding: 4px;
}

/*justification et centrage du contenu des colonnes "centre" et "droite"*/
.online1 {
  overflow: auto;
  text-align: justify;
}

.last48 {
  height: 110px;
  overflow: auto;
  text-align: justify;
}

/*textes bienvenue à et membres*/
.infos2 {
  font-family: Oswald;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
}

/*groupes*/
.hydrangea {
  margin-top: 14px;
  padding: 3px;
  width: auto;
  color: white;
  color:#839FA8;
  font-family: Oswald;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

.celosia {
  padding: 3px;
  width: auto;
  color: white;
  color:#A46260;
  font-family: Oswald;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

.marigold {
  width: auto;
  padding: 3px;
  color: white;
  color:#AD885A;
  font-family: Oswald;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

.hellebore {
  width: auto;
  padding: 3px;
  color: white;
  color:#8E7194;
  font-family: Oswald;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}