Sauvegarde CSS / template

/*---------Boutique---------*/

.tableonglets span.ongletcont {
  display: none;
}
.tableonglets input {
  display: none;
}
.tableonglets input:checked + span.ongletcont {
  display: block;
}
.tableonglets span.ongletcont {
  width: 503px;
  height: 500px;
  padding: 5px;
  overflow: auto;
  background: #9EA09A;
}
.tableonglets label.onglet {
  display: inline-block;
  width: 94px;
  margin: 0 1px;
  text-align: center;
  background: #AFB0AC;
  cursor: pointer;
  border-left:1px solid #5F605B;
  border-right:1px solid #5F605B;
  border-bottom:3px solid #5F605B;
}


/*---------------------------------------------------NAVIGATION-----------------------------------------------*/

.mainmenu {
font-family: 'IM Fell English SC', cursive;
  font-size: 13px;
  font-variant: small-caps;
    margin-bottom: -15px;
 
}


#i_icon_mini_groups {
margin-left: -10px ;
}

#i_icon_mini_members {
margin-left: -10px ;
}

#i_icon_mini_calendar {
margin-left: -10px ;
}

#i_icon_mini_faq {
margin-left: -10px ;
}

#i_icon_mini_search {
margin-left: -10px ;
}

#i_icon_mini_profile {
margin-left: -10px ;
}

#i_icon_mini_message {
margin-left: -10px ;
}

#i_icon_mini_logout {
margin-left: -10px ;
}

#i_icon_mini_register {
margin-left: -10px ;
}

#i_icon_mini_login {
margin-left: -10px ;
}

/*---------------------------------------------------GÉNÉRAUX-----------------------------------------------*/


/*------Selectionner code------*/

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/*------Apparance générale fond-----*/

body{
        background-position:top;
        background-repeat:no-repeat;
 background-color: #5F605B;
        }

    input, select, textarea {
            background-color: #8F918A;
  color: #000000 !important;
        }


/*------soulignements-------*/

.row3Right
{border: none !important;}
.thHead
{border: none !important;}
.thCornerL, .thCornerR, .thTop
{border: none !important;}
.thLeft, .thRight
{border-left: none !important; border-right: none !important;}
.catLeft, .catRight
{border: none! important;}
.catHead
{border: none !important;}
.catBottom
{border: none !important;}


/*-----SCROLLBAR & TOOLBAR ------*/


::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
 
::-webkit-scrollbar-track {
  background: #AFB0AC;
}
 
::-webkit-scrollbar-thumb {
  background: #777973;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/*TOOLBAR*/
div#fa_search {display:none!important;}
#fa_toolbar {background-color: transparent !important;}
span#fa_share {display:none!important;}
#fa_right {font-size: 10px;margin-right: 10px; }
#fa_left {font-size:10px;margin-left:10px;  }
 
      #fa_toolbar #fa_right #notif_list li .contentText.ellipsis a {
      color:  #000000 !important;
      font-size: 12px!important;
      }

ul#notif_list {
            background-color: #8F918A!important;
  color: #000000 !important;
      font-size: 12px!important;
        }

li.unread
{
            background-color: #9EA09A!important;
  color: #000000!important;
      font-size: 12px!important;
        }


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

li.see_all
 { background-color: #8F918A!important;

        }

/*----------------------------------------------LISTE MEMBRE CRUSHCRUSHCRUSH----------------------------------------------*/

#LMBER {
width:690px; margin:auto;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
background:none; /* MODIFIABLE */
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:5px; width:220px; height:160px; font-family:Arial;
}
/* PSEUDONYME */
.nameLMBER{
margin-bottom:5px; width:210px;
text-align:left; text-transform:uppercase;
}
/* BLOC INFORMATIONS */
.stsLMBER {
display:inline-block; vertical-align:top;
width:100px; font-size:11px;
}
/* INFORMATIONS */
.stsLMBER div{
margin-bottom:5px; padding:5px;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGES MP & WWW */
.btnLMBER {
background:none !important;
}
/* AVATAR */
#imgLMBER {
display:inline-block; margin-left:10px;
width:100px; height:140px; overflow:hidden;
}
.imgLMBER {
position:relative;
width:100px; height:140px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-50px; width:100px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
#imgLMBER:hover .imgLMBER div img{
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* FT */
.imgLMBER span {
position:absolute;
width:80px; height:120px; padding:10px; overflow:auto;
text-align:justify; font-size:10px;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
transform:translateX(-150px); -webkit-transform:translateX(-150px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#imgLMBER:hover .imgLMBER span{
transform:translateX(-50px); -webkit-transform:translateX(-50px);
}

 
/*----------------------------------------------------- PA -----------------------------------------*/

    .blocgénéral {
border: 3px solid #9EA09A;
        background-color:#8F918A;
      width: 800px;
      padding: 5px;
      color: #000000;
      }

  .titrePA1 {
  letter-spacing:2px;
  font-variant: smallcaps;
font-family: 'Covered By Your Grace', serif;
      font-size: 45px;
      color: #4C4D4C;
  text-shadow: 1px 0px 2px #111111;
      z-index: 1px;
      position: relative;
      text-align: center;
    }

.stitrePA1 {
font-family: 'IM Fell English SC', cursive;
  font-size: 12px;
  font-variant: small-caps;
  margin-top: -20px;
      text-align: center;
    }

.titrepa {
    color: #000000;
font-family: 'Reenie Beanie', cursive;
    font-size: 15px;
    text-align: center;
  margin-bottom: -10px;}

 
 
  .cadrepa {
    margin-top: -10px;
    background-color: #9EA09A;
    font-size: 11px;
    height: 120px;
    overflow: auto;
  padding: 0 5px;
    text-align: justify;
font-family: 'Literata', serif;
      line-height: -8px;
}

  .cadrepa2 {
    margin-top: -10px;
    background-color: #9EA09A;
    font-size: 11px;
    height: 33px;
    overflow: auto;
  padding: 0 5px;
    text-align: justify;
font-family: 'Literata', serif;
        line-height: -8px;

}

.tops{
  margin-top: 10px;
      height: 15px;
    width: 15px;
}
   


.navigpa{
    color: #CFD9CD;
font-family: 'IM Fell English SC', cursive;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
  margin-top: -12px;
}
 
  .navigpa v{
width:130px;
background-color:#9EA09A;
font-family: 'IM Fell English SC', cursive;
text-transform:uppercase;
padding:2px;
  margin:2px;
margin-right: 8px;
margin-left: 8px;
display:block;
}
 
.parttoppa{
    margin-top: -45px;
      background-color: #8F918A;
    padding: 5px;
  height: 80px;
  }

#titrec {
  font-family: 'IM Fell English SC', cursive;
    display: block;
    font-size: 17px;
}

topsite {
   display: block;
}

.gensmall topsite a {
  color: #E8E3C7;
      font-size: 16px!important;
  transition: all 1s;
}

.gensmall topsite a:hover {
opacity: 0.5;
  transition: all 0.5s;
}

select#topPartenaires {
    margin-top: 3px;
    width: 80%;
}

#ligneMembres {
    background-color: #9EA09A;
  padding: 0;
}   

#ligneMembres #membres {
   display: inline-block;
}

#ligneMembres #membres img {
   width: 80px;
    margin: 0 3px;
}

#ligneMembres #membres div {
position: relative;
    display: inline-block;
}

#ligneMembres #membres div:hover .pseudo {
   visibility: visible;
     opacity: 1;
       transition: all 1s;
}

#ligneMembres #membres .pseudo {
  visibility: hidden;
  opacity: 0;
height: 100%;
    position: absolute;
    width: 80px;
    margin-left: 3px;
      top: 0;
  left: 0;
    background: #0A0A0A;
  transition: all .5s;
}

#ligneMembres #membres .pseudo span {
    font-family: 'IM Fell English SC', cursive;
    display: block;
    font-weight: bold;
    font-size: 16px;
    height: 100%;
    line-height: 50px;
    /* top: 20px; */
    /* position: absolute; */
    color: #CFD9CD;
}

#flashInfo {
    background-color: #9EA09A;
    font-size: 10px;
    height: 130px;
    margin-top: -40px;
    overflow: auto;
    padding: 0 5px;
    margin: 0 0 0 10px;
    text-align: justify;
font-family: 'Literata', serif;
        line-height: -8px;

}

#sectionBas {
border-top: 4px solid #8F918A;
    padding-top: 4px;
}

.groupeStats {
margin: 0 7px;
}

.groupeStats > span {
    display: block;
    background-color: #9EA09A;
    margin-bottom: 3px;
}

.groupeStats .groupe1 {
    color: #566069;
    display: block;
    font-family: 'IM Fell English SC', serif;
    font-variant: small-caps;
    font-weight: bold;
    text-align: center;
      font-size: 12px;
}

.groupeStats .groupe2 {
    color: #8A6287;
    display: block;
    font-family: 'IM Fell English SC', serif;
    font-variant: small-caps;
    font-weight: bold;
    text-align: center;
      font-size: 12px;
}

.groupeStats .groupe3 {
    color: #486B53;
    display: block;
    font-family: 'IM Fell English SC', serif;
    font-variant: small-caps;
    font-weight: bold;
    text-align: center;
      font-size: 12px;
}

.groupeStats .groupe4 {
    color: #8F3838;
    display: block;
    font-family: 'IM Fell English SC', serif;
    font-variant: small-caps;
    font-weight: bold;
    text-align: center;
      font-size: 12px;
}

.groupeStats .groupe5 {
    color: #5C380D;
    display: block;
    font-family: 'IM Fell English SC', serif;
    font-variant: small-caps;
    font-weight: bold;
    text-align: center;
      font-size: 12px;
}

.groupeStats .nbrMembres{
font-size: 10px;
    display: block;
    text-align: center;
    font-style: italic;
  margin-top: -3px;
}

/* MISE EN FORME PV */
.fondpv {
  margin-top: -7px;
      background-color: #9EA09A;
    padding: 3px;
  height: 75px;
  }

.papv {
  margin-top: 7px;
  width: 40px;
    box-shadow: 2 0 2px #030712;
    padding: 1px;
}



/* BLOC STAFF PA */
.staffSHAM {
display:inline-block; vertical-align:top;
width:210px; height:130px; text-align:center;
}
/* BLOC CONTENU STAFF */
.staffSHAM ul {
position:relative; margin:0 auto;
width:210px; height:130px;  padding:2px 5px 0; overflow:hidden;
font-size:0; line-height:0; white-space:nowrap;
  background-image: url(https://i.imgur.com/WT01NPg.png);
    background-position: -10px -10px;
    background-repeat: no-repeat;
    background-size: 100%;
}
/* CONTENU STAFF */
.staffSHAM ul li {
position:relative; display:inline-block; vertical-align:top;
width:100%; height:100%; overflow:hidden;
line-height:normal; white-space:normal; font-size:10px; text-transform:uppercase;
transition: all 0.35s linear; -webkit-transition: all 0.35s linear;
}
/* IMAGE STAFF */
.staffSHAM ul li img {
vertical-align:middle; margin:5px 0 0 0;
height:60px;
}
.staffSHAM ul li div {
display:block; vertical-align:middle;
}

/* NOM PRENOM(S) STAFF */

.staffSHAM ul li span.nomPersonnage {
    display: inline-block;
    font-size: 11px;
    margin: auto;
    text-align: center;
    font-family: 'IM Fell English SC', cursive;
    font-size: 11px;
    color: #fff;
}

.staffSHAM ul li span.role {
    text-transform: none;
    font-family: 'IM Fell English SC', cursive;
    font-size: 13px;
    font-variant: unicase;
    opacity: .6;
}

.staffSHAM ul li span.pseudoJoueur {
display: block;
    text-transform: none;
    font-style: italic;
    color: #e8e3c7;
    opacity: 0.8;
}

.staffSHAM ul li span.contact {
   display: block;
      margin: 3px 0;
}

.staffSHAM ul li span.contact a{
    color: #fff;
    opacity: .6;
    text-transform: none;
  margin: 3px;
    transition: all 0.5s;
}

.staffSHAM ul li span.contact a:hover {
opacity: 1;
  transition: all 0.5s;
}

.staffSHAM ul li span.doubleCompte {
display: block;
    font-variant: all-small-caps;
    font-size: 11px;
}

/* NAVIGATION STAFF */
.staffSHAM .navSHAM {
margin-top:2px; width:210px; 
font-size:0; line-height:0; text-align:center;
}
/* CARRE NAVIGATION STAFF */
.staffSHAM .navSHAM label {
position:relative; display:inline-block; margin:0 5px;
padding:5px; border-radius: 50px;
  transition: all .5s;
}

.staffSHAM .navSHAM label:hover {
opacity: .5;
  transition: all .5s;
  cursor: pointer;
}
.staffSHAM > input:nth-of-type(1):checked ~ .navSHAM label:nth-of-type(1):after,
.staffSHAM > input:nth-of-type(2):checked ~ .navSHAM label:nth-of-type(2):after,
.staffSHAM > input:nth-of-type(3):checked ~ .navSHAM label:nth-of-type(3):after,
.staffSHAM > input:nth-of-type(4):checked ~ .navSHAM label:nth-of-type(4):after,
.staffSHAM > input:nth-of-type(5):checked ~ .navSHAM label:nth-of-type(5):after,
 {
opacity:1;
}
.staffSHAM > input {
display:none;
}

.staffSHAM > input:nth-of-type(5):checked ~ ul li:first-of-type {
margin-left:-400%;
}
.staffSHAM > input:nth-of-type(4):checked ~ ul li:first-of-type {
margin-left:-300%;
}
.staffSHAM > input:nth-of-type(3):checked ~ ul li:first-of-type {
margin-left:-200%;
}
.staffSHAM > input:nth-of-type(2):checked ~ ul li:first-of-type {
margin-left:-100%;
}
.staffSHAM > input:nth-of-type(1):checked ~ ul li:first-of-type {
margin-left:0%;
}

#staffImage {
color: #000000;
    font-family: 'Covered By Your Grace', serif;
    font-size: 45px;
    font-variant: small-caps;
    letter-spacing: 2px;
    text-shadow: 1px 0 2px #fff;
    width: 100%;
    margin-left: -10px;
    height: 100%;
    line-height: 120px;
}

/* BLOCS STAFF PA */
.staffSHAM {
background:#9EA09A; color:white; 
}

 
/* CARRES NAVIGATION STAFF PA */
.staffSHAM .navSHAM label {
background:#B9B3B5; 
}
/* SURVOL CARRE NAVIGATION STAFF PA */
.staffSHAM .navSHAM label:after {
background:#8F8588; 
}

/*--------------------------------- QEEL ---------------------------------*/
 
    .transparent .row1 {
    background-color: transparent;
    }
    .transparent .gensmall {
    font-size:12px;
    }
    /*onglets*/
    .onglet {
    background:#8F918A;
    padding:2px;
    margin-right:16px;
  margin-left:16px;
  margin-bottom:2px;
  display:block;
  width:210px;
    }

    .onglet_0 {
    background:#9EA09A;
    width:210px;
    }

    .onglet_1 {
    background:#AFB0AC;
    }

    #onglet_un {
  font-size:12px;
font-family: 'IM Fell English SC', cursive;
      color: #566069;
    }

    #onglet_deux {
  font-size:12px;
font-family: 'IM Fell English SC', cursive;
    color: #8A6287;
    }

    #onglet_trois {
  font-size:12px;
font-family: 'IM Fell English SC', cursive;
    color:#486B53;
    }

    #onglet_quatre {
  font-size:12px;
font-family: 'IM Fell English SC', cursive;
    color:#8F3838;
    }

    #onglet_cinq {
  font-size:12px;
font-family: 'IM Fell English SC', cursive;
    color:#5C380D;
    }

    .contenu_onglet {
  margin-top:5px;
    display:none;
    padding:5px;
    height:70px;
    text-align:justify;
    }

    #contenu_onglet_un {
    font-size:11px;
      overflow: auto;
 height: 45px;}

    #contenu_onglet_deux{
    font-size:11px;
    overflow: auto;
  height: 45px;
    }

    #contenu_onglet_trois {
    font-size:11px;
    overflow: auto;
 height: 45px;
  }
 
      #contenu_onglet_quatre{
    font-size:11px;
    overflow: auto;
 height: 45px;
    }

    #contenu_onglet_cinq {
    font-size:11px;
    overflow: auto;
 height: 45px;
    }
    /*fin onglets*/
 
    #qeel_fond {
    background:#8F918A;
    -webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius:  10px 10px 10px 10px;
    }
 
    #qeel_position {
    position: relative;
    padding:10px;
    }

    .qeel_colonne1 {
    font-size: 11px;
    text-align: justify;
    width: 33%;
    height: 130px;
    overflow: auto;
    padding:2px;
    }

    .enligne {
    font-size: 11px;
    text-align: justify;
    height: 65px;
    overflow: auto;
    background:#9EA09A;
    padding:5px;
    }


    .qeel_colonne2 {
    width: 33%;
    height: 120px;
    overflow: auto;
    background:#8F918A;
    padding:2px;
    text-align:center;
    }
 
    .qeel_colonne3 {
    font-size: 11px;
    text-align: justify;
    width: 33%;
    height: 120x;
    overflow: auto;
    padding:2px;
    background:#9EA09A;
    }


.last24 {
 overflow:auto;
  height:153px;
  text-align:justify;
background-color :transparent;

}

.qeel_img{
height:30px;
text-align:center;
}

#ancienconn {
text-align: justify;
  font-size:15px;
  line-height: 18px;
background-color : transparent;

}

#ancienconn td.row1 {
background-color: #9EA09A;
}

 
 
/*--------------------------------------------------Profil---------------------------------------*/

.cadreavatar {
  margin-top: 2px;
  width: 215px;
    background-color : #9EA09A ;
  border: 2px solid #848680;
  text-align:center;
    }

.cadreavatarbis {
    background-color : #A8A9A5;
border: 2px solid #848680;
 width:200px ;
  margin-left: 5px;
  text-align: left;
 height:250px;
  overflow:auto;
  position: relative;
    }

.avaprofil {
  text-align:center;
  padding:3px
  }

.pseudoperso {
    font-family: 'Covered By Your Grace', cursive;
    font-size:18px;
    text-decoration:none;
    letter-spacing:1px;
  }

.postdetails.poster-profile a img {
-moz-border-radius-topright:15px; /*angles arrondis*/
}


.poster-profile img {
  max-width: 193px;
  text-align: center;
}

.p_rang{
  font-family: 'IM Fell English SC', serif;
  font-variant: small-caps;
    margin-top: -5px;
  }

.pseudorang{
margin-top:8px;
width: 196px;
  background-color : #A8A9A5;
  border: 1px solid #848680;
  }

a.nav img
{
width: 200px;
}

.nav {
    font-size: 11px;
    }

.label {
    color:#22151D;
  font-weight:bold;
  font-size: 13px;
  line-height:15px;
  font-family: 'IM Fell English SC', serif;
  font-variant: small-caps;
 
}

.sacprofil{
  display: none;
      position: absolute;
    top: -25px;
      font-family: 'IM Fell English SC', serif;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 700;
    line-height: 15px;
      padding-left: 5px;
}

.sacprofil a {
   display:none;
}

.sacprofil textarea {
   width: 100%;
  background-color: #A8A9A5;
  resize: none;
}

.ongletsProfil {
   display: table;
       width: 100%;
}

.ongletsProfil .gauche, .ongletsProfil .droite {
    display: inline-table;
    width: 47%;
    background-color: #A8A9A5;
    border: 1px solid #848680;
    padding: 3px 0;
  font-family: 'Stylish', sans-serif;
    font-size: 14px;
    transition: .5s all;
}

.ongletsProfil .droite {
    border-left: 1px;
}

.ongletsProfil .gauche:hover, .ongletsProfil .droite:hover {
    transition: .5s all;
    opacity: .5;
     cursor: pointer;
}

/*------------------------------------------------REVUE DES SUJETS----------------------------------------*/
    .postrevoir{background:#8F918A;margin:15px 0;padding:20px; box-shadow:2px 2px 5px #848680;}
    .postrevoir .name{text-transform:uppercase;font-weight:400;}
    .postnom{background:#A8A9A5 ;padding:5px;border-top:1px #848680;}
    .postrevoir .postdetails{font-family:Sans-serif;}


/*------------------------------------------------CONTENU RP&MESSaGE-----------------------------------------*/

    .quote{
      color : #000000; /* couleur de la police */
  background-color: #9EA09A; /* la couleur du fond */
      -moz-border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      border-radius: 10px 10px 10px 10px;
      border : 2px solid #848680; /* taille, type et couleur de la bordure */
      padding : 8px; /* marge entre texte et bordure */
      }

.code {
        color : #000000; /* couleur de la police */
  background-color: #9EA09A;  /* la couleur du fond */
      border : 2px solid #848680; /* taille, type et couleur de la bordure */
      padding : 8px; /* marge entre texte et bordure */
 
      }

.spoiler {
border-left: 2px solid #848680; /* les bordures avec la largeur le style et la couleur */
  border-bottom: 2px solid #848680;
      -moz-border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      border-radius: 10px 10px 10px 10px;
  color : #000000;  /* couleur du texte */
 }


.postbody I{
color:#22151D;
}

.postbody B{
font-variant: small-caps;
color:#0F1324;
}

.postbody {
  padding-left:40px;
  padding-right:40px;
  padding-top:20px;
  padding-bottom:20px;
text-align:justify;
}

/*enlever soulignement lien*/

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


/*---------------------------------------------------------Catégorie------------------------------------------------------*/
 

    /* BLOC TITRE CATEGORIE */
.tleCAT {
height: 25x;
    font-family: 'Covered By Your Grace', cursive;
position:relative; margin-top:5px;
width:800px;  text-align:center;
}
/* TITRE CATEGORIE */
.tleCAT h2 {
  border-bottom-style: groove;
  border-bottom-color: #9EA09A;
  border-bottom-width: 5px;
margin:0 auto;
letter-spacing:3px; 
  font-variant: small-caps;
font-family: 'Covered By Your Grace', serif;
      font-size: 40px;
      color: #4C4D4C;
  text-shadow: 1px 0px 2px #111111;
}

/* BLOC FORUM */
.FRM {
margin-bottom:3px; margin-top:3px;
width:780px; height:100px; padding:10px; overflow:hidden;
background:#8F918A; 
 border-style:solid; border-width:1px; border-color:#848680;
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top; margin-left: 4px;
width:145px; height:94px;
  overflow:auto;
background:#9EA09A; 
border-style:solid; border-width:1px; border-color:#848680;
}

.boxDESC div {
 font-size : 12px;
}

/* LIENS SOUS-FORUMS */
.boxDESC a {
display:block; margin: auto;
padding:2px 0;  overflow:hidden;
text-transform:uppercase; font-family: 'IM Fell English SC'; text-align:center; font-size:9px; 
background:#A8A9A5 !important; color:#000000 !important; 
    border-bottom-style: solid;
  border-bottom-color: #9EA09A;
  border-bottom-width: 3px;
}
 
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-left:5px;
width:340px;
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES FORUM */
.tleFRM {
width:330px; height:25px; padding:5px; overflow:hidden;
font-size:16px;  text-transform:uppercase; text-align:center;  font-family: 'IM Fell English SC', cursive; line-height:14px; margin-bottom: -8px;
 
}
/* TITRE FORUM */
.tleFRM a {
isplay:block; margin:0 auto 0 0 px;
  font-size:22px ;  text-transform:lowercase;
font-family: 'Stylish', sans-serif;, cursive;
color:#141414 !important;    }
 
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
text-align:center; font-size:10px; text-transform:small-caps;
color:#000000; 
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
width:340px; height:62px; padding:8px; overflow:hidden;
}
/* DESCRIPTION FORUM */
.descFRM {
width:340px; height:58px; padding:0 5px; overflow:auto;
background:#9EA09A; color:#000000;
  border-style:solid; border-width:1px; border-color:#848680;
font-size:11px; text-align:justify; font-family: 'Literata', serif; line-height: -10px;
}
/* BLOC DERNIER MESSAGE & AVATAR DERNIER POSTEUR FORUM */
.boxIIFRM {
display:inline-block; vertical-align:top; margin:0 15px;
width:165px;
}
/* BLOC DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:168px; height:40px; padding:5px 0px 5px; 0px;
background:#9EA09A;
 border-style:solid; border-width:1px; border-color:#848680;
  margin-left: 15px;
}
/* CONTENU DERNIER MESSAGE FORUM */
.lmsgFRM div {
height:37px; margin-top: -15px;
text-align:center; font-size:10px; font-family: 'Literata', serif; line-height: -15px; 
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM div a {
color:#000000 !important; 
}


/* AVATAR DERNIER POSTEUR FORUM */
.lstavFRM {
  display:inline-block; vertical-align:top;
width:57px; height:90px; margin-left: 18px
  border-style:solid; border-width:3px 2px 3px 2px; border-color:#848680;
}
.lstavFRM img {
width:57px;
  opacity: 0.6;
 
}

.lstavFRM img:hover {
width:57px;
  opacity: 0.8;
 
}

/* ICÔNES FORUM */
.imgFRM {
width:170px; height:40px; overflow:hidden;
background:#9EA09A; 
  margin-left: 15px;
  margin-top:2px;
}
.imgFRM img{
  opacity: 0.6;
}


 /*------------------------------------------------------------Sujets-------------------------------------------------------*/
 
.bloc_sujets
{
  width: 840px;
  margin: auto;
  background: #8F918A;
  box-shadow: 0px 0px 3px #9EA09A;
  -o-box-shadow: 0px 0px 3px #9EA09A;
  -moz-box-shadow: 0px 0px 3px #9EA09A;
  -webkit-box-shadow: 0px 0px 3px #9EA09A;
  -htm-box-shadow: 0px 0px 3px #9EA09A;
  padding: 1px;
}

.sujets
{
  background: #8F918A;
  padding: 3px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
  color: #371523;
}
.sujets_auteur
{
  width: 185px;
  font-size: 10px;
}
.sujet_last
{
width: 150px;
display: block;
height: 45px;
padding-top: 3px;
font-size: 11px;
color: #141513;
}


.sujets_stats
{
  width: 500px;
  text-align: left;
  margin-bottom: 2px;
}

.sujets_stats_contenu
{
  font-size: 9px;
  font-style: italic;
  color:#501F32;
}

.descriptionsujet
{
  font-size: 10px;
    font-style: italic;
}

/*------------------------------------Modification apparence editeur messages rapide-----------------------------------*/

 
/*--- Bloc réponse rapide ---*/
       
.sceditor-container.ltr.sourceMode {
width:650px !important;
background-color: #8F918A !important;
border:2px solid #9EA09A;
    color: #000000 !important;
}
.sceditor-container.ltr.wysiwygMode {
width:650px !important;
background-color:#8F918A  !important;
border:2px solid #9EA09A;
    color: #000000 !important;
}

/*---  Partie supérieur contenant les outils ---*/
       
div.sceditor-toolbar {
background-color: #9EA09A !important;
width: 650px !important;
}

/*---  Groupe de boutons ---*/
       
div.sceditor-group {
background-color: #848680!important;
}

/*---  Boutons ---*/
       
a.sceditor-button {
background-color: #8F918A !important;
}

/*---  Boutons sélectionnés ---*/
       
a.sceditor-button.hover {
background-color:#8F918A !important;
}

/*-----Boutons envoyer prévisualiser-----*/

        input.liteoption {
      background-color: #9EA09A;
        background-position: top;
        color: #EFEBE4;
  border-radius: 20px;
        }
        input.mainoption {
      background-color: #9EA09A;
        background-position: top;
        color: #EFEBE4;
  border-radius: 20px;
        }
 
/* MENTIONNER DANS LE RTE */

/* 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;
}


/*----------------------------------------------------Modèle Annexes, règlements etc....-----------------------------------*/

.fondoff {
margin-top:-5px;
  width:450px; 
  align: center;
}

.sfoff{
box-shadow: 0px 1px 4px #848680;
border-radius: 10px 10px 10px 10px;
width:450px;
height:auto;
background-color:#9EA09A;
}

.bloctitre{
margin-top:-20px;
border-top: 2px #848680 solid;
border-bottom: 2px #848680 solid;
width:400px; 
height:auto;
background-color:#A8A9A5;
margin-left:10px;
margin-right:10px;
color:#747065;
padding:15px;
  text-align:center;
}

.bloctitre2{
margin-top:-20px;
border-top: 2px #848680 solid;
border-bottom: 2px #848680 solid;
width:400px; 
height:auto;
background-color:#A8A9A5;
margin-left:10px;
margin-right:10px;
padding:15px;
  text-align:justify; /*la différence*/
}

.titreprinc{
text-align:center;
font-family: 'Covered By Your Grace';
font-size: 40px;
  color:#282826;
}

.stitre1{
text-align:center;
  font-family: 'IM Fell English SC';
  font-size: 17px
    color:#0E0E0E;
}

.stitre2{
  text-align:center;text-align:center; font-family: 'Metal Mania'; font-size: 20px
}

.sbloc{
margin-top:-20px;
border-top: 2px #848680 solid;
border-bottom: 2px #848680 solid;
  width:400px;  height:auto;
background-color:#A8A9A5;
  text-align:justify;  font-family:georgia; font-size:12px;
  margin-left:10px; margin-right:10px;
  padding:15px;
}

.imgfiche{
  width:208px; border: 3px #A8A9A5 solid; border-radius: 05px 05px 05px 05px;
  align : Center;
}

.imgrp{
  width:420px; border: 3px #A8A9A5 solid; border-radius: 05px 05px 05px 05px;
  align : Center;
}

/*----Modèle Présentation....----*/

.presresume{
  line-height: 12px;
  width:196px;
  height:314px;
  background-color:#A8A9A5;
  font-size: 11px; 
  font-family: arial; 
  text-align: justify;
  padding:3px;
  margin:2px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: -25px; 
  overflow: auto
  }

.presresume2{
  line-height: 12px;
  width:196px;
  height:230px;
  background-color:#A8A9A5;
  font-size: 11px; 
  font-family: arial; 
  text-align: justify;
  padding:3px;
  margin:2px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: -25px; 
  overflow: auto
  }

.presresume3{
  line-height: 12px;
  width:196px;
  height:70px;
  background-color:#A8A9A5;
  font-size: 11px; 
  font-family: arial; 
  text-align: justify;
  padding:3px;
  margin:2px;
  margin-right: 10px;
    margin-top: 8px;
  margin-left: 10px;
  overflow: auto
  }

.avapres {
  background-color: #A8A9A5;
  opacity: 1;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  line-height: 12px;
  width: 200px;
  height: 320px;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  opacity: 0;}

.avapres:hover {
  opacity: 1;}

.infospres::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: none;}

.fondhj{
  margin-top:-20px;
  border-top: 2px #848680 solid;
  border-bottom: 2px #848680 solid;
  width:400px;  height:auto;
  background-color:#A8A9A5;
  text-align:justify;  font-family:arial; font-size:11px;
  margin-left:5px; margin-right:5px;
  padding:15px; 
  }

/*----Liens----*/

/*------Fiches liens/rp-------*/
.imgflr
{
  width:190px;
  height:99px;
  margin-bottom:5px;
  margin-top:5px;
  }

.texteflien{
text-align:justify;
  font-size:11px;
  padding:5px  }

.blocflien{
max-height:75px;
  padding-bottom:2px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right: 5px;
  margin-top:-5px;
  line-height:normal;
  background-color:#A8A9A5;
  }

.nomlien{
  font-size:14px;
  text-align:center;
  font-family: 'Rye';
  }

.fondmessrp{
  width:440px;
 background-color:#A8A9A5;
  margin:1px 0px 1px 0px;
 }
 

/********************************************** UP DOWN*********************************************/

.upbottom {
position: fixed;
bottom : 10px ;
margin-left : 90% }



/***************Autres***************/

emrick {
color: #026a4d !important;
}