ATED abandonné

/* --------------------------------- CATEGORIES --------------------------------- */

.bloc1 {
  background-color: #2d312f;
  border: 2px solid #505753;
  width: 560px;
  height: 150px;
  position: relative;
  top: -3em;
  left: -5em;
  box-shadow: 2px 2px 15px black;
 -moz-box-shadow: 2px 2px 15px black;
  -webkit-box-shadow: 2px 2px 15px black;
}
.bloc1:hover {
  border-left: 4px solid #505753;
  border-right: 4px solid #505753;
}
.imgillustration {
  position: relative;
  left: 2.5em;
  top: 1em;
}

/*** FONDS GENERAUX ***/

/* Contenu de l'ensembre des forum */
.categorie {
  width: 550px;
  height: 200px;
  padding: 10px;
}

/* Fond des forum */
.sous-forum {
  width: 300px;
  height: 60px;
  top: -10em;
}
/* Fond titre catégorie */
.cate_titre {
  width: 550px;
  margin: auto;
  padding: 5px;
  background-color: #2d312f;
  border: 2px solid #505753;
  box-shadow: 2px 2px 15px black;
 -moz-box-shadow: 2px 2px 15px black;
  -webkit-box-shadow: 2px 2px 15px black;
}
/* Mise en forme nom de catégorie */
h2 {
  font-size: 20px;
  font-family: 'Carrois Gothic SC', sans-serif;
  color: #365542;
  text-align: center;
}




/*** MISE EN FORME DES FORUM ***/

/* Mise en forme du texte des titres de forum */
.forumlink {
  color: #365542 !important;
  font-family: 'Kite One', sans-serif;
  font-size: 25px !important;
  font-weight: none !important;
  position: relative;
  top: -1.4em;
  left: -4em;
  z-index: 1;
}

.forumlink:hover {
  color: #1d1e1e !important;
  text-decoration: none !important;
}

.forumlink a {
  font-size: 16px;
  width: 500px;
}

/* Mise en forme de la description */
.description {
  width: 400px;
  height: 100px;
  font-size: 11px;
  text-align: justify;
  color: #1d1e1e;
  background-color: #505753;
  border: 1px dashed #1d1e1e;
  border-radius: 5px;
  position: relative;
  top: 1em;
  left: 3em;
  padding: 15px;
}

.imagedesc {
  position: relative;
  right: -6em;
  top: -2em;
 -moz-transform:rotate(8deg);
  -webkit-transform:rotate(8deg);
  transform:rotate(8deg);
}




/*** SOUS-FORUM ***/

.lienssf {
  width: 420px;
  max-height: 15px;
  padding: 15px;
  position: relative;
  top: -1.5em;
}

.lienssf a {
  color: #365542 !important;
  text-decoration: none !important;
}

.lienssf a:hover {
  color: #CBC0C6 !important;
 text-decoration : none !important;
}




/*** DERNIERS MESSAGES ***/

.last_mess {
  width: 120px;
  height: 120px;
  position: relative;
  top: -3em;
  left: -4em;
  background-color: #2d312f;
  border: 2px solid #505753;
  color: #505753;
  padding: 10px;
  font-size: 11px;
  box-shadow: 2px 2px 15px black;
 -moz-box-shadow: 2px 2px 15px black;
  -webkit-box-shadow: 2px 2px 15px black;
}

.last_mess a {
  color: black !important;
  text-decoration: none !important;
}

.last_mess a:hover {
  color: #505753 !important;
 text-decoration : none !important;
}

.last_mess:hover {
  border-left: 4px solid #505753;
  border-right: 4px solid #505753;
}


/*--------------------------------- FIN CATEGORIES --------------------------------- */
  /***************************** MISE EN FORME PA *****************************/

    .fond_PA {
      background-color: #332129;
      padding: 25px;
      text-align: justify;
    }

    .fond_PA a {
      color: #A2778B !important;
      text-decoration: none !important;
    }

    .titrePA {
      color: #A2778B;
      font-size: 30px;
      font-family: 'Dancing Script', cursive;
    }

    .sous-titresPA {
      color: #E1D5DB;
      font-size: 25px;
      font-family: 'Dancing Script', cursive;
      text-align: center;
    }

    .blocsPA {
      width: 200px;
      overflow: auto;
      background-color: #3D2A33;
      padding: 25px;
      text-align: justify;
      color: #E6DBE0;
    }

    /*** IMAGES DU STAFF ***/

    .imgPA {
      width: 100px;
      height: 100px;
    }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }
   
  c.info:hover {
      z-index: 25;
    }
   
  c.info span {
      display: none;
    }
   
  c.info:hover span {
      display: block;
      position: absolute;
      top: -9em;
      left: -0em;
      width: 100px;
      height: 100px;
      background-color: #3D2A33;
      color: #F3F3F3;
      text-align: center;
      font-weight: none;
    }
   

  /***************************** FIN MISE EN FORME PA *****************************/
/* -------------------------------- QEEL -------------------------------- */

        /*** MISE EN FORME LIENS AU SURVOL ***/
        a:hover {
          text-decoration: none !important;
        }

        /*** MISE EN FORME FONT DU QEEL ***/
        .fond_qeel {
          width: 830px;
          border-radius: 0px 0px 25px 25px;
          background-color: #1d1e1e;
          margin: auto;
          height: 620px;
          position: relative;
        }

        /*** MISE EN FORME TITRE PRINCIPAL ***/
        .titre_principal {
          color: #2D5A57;
          font-family: georgia;
          font-size: 28;
          letter-spacing: 5px;
          text-align: center;
        }

        /*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
        .titre_secondaire {
          color: #C7BBC1;
          font-family: georgia;
          font-size: 14px;
          text-align: center;
        }

        /*** MISE EN FORME BLOC STATISTIQUES ***/
        .bloc_stat {
          background-color: #505753;
          padding: 15px;
          width: 200px;
          height: 150px;
          overflow: auto;
          font-size: 11px;
          border: 2px solid #CACACA;
          text-align: justify;
          color: #515151;
          position: absolute;
          left: 3em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES GROUPES ***/
        .bloc_groupes {
          background-color: #505753;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
        .bloc_connectes {
          background-color: #505753;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
        #kaboum .row1 {
          background-color : transparent;
        }

        #kaboum span.gensmall {
          color: #515151;
        }

        /*** MISE EN FORME DES TITRES (simple + survol) ***/
        .titre_bloc {
          font-family: 'Dancing Script', cursive;
          font-size: 24px;
          font-weight: bold;
          color: #B0C3AB;
          position: absolute;
          z-index: 2;
          margin-top: -18px;
        }

        .titre_bloc:hover {
          color: #2D5A57;
        }

        /*** GROUPES A ONGLETS ***/
        /* Mise en forme des noms de groupe */
        .groupe_onglet {
          display: inline-block;
          padding: 10px;
        }

        /* Mise en forme du bloc en transparence de description */
        .contenu_groupe_onglet {
          padding: 15px;
          display: none;
          width: 315px;
          height: 115px;
          overflow: auto;
          font-size: 11px;
          color: #414141;
          text-align: justify;
          background-color: #CBC4C2;
          position: absolute;
          top: 14em;
          left: 21em;
          filter: alpha(opacity = 50);
          opacity: 0.5;
        }

        /* Mise en forme des liens */
        .contenu_groupe_onglet a{
          text-decoration: none !important;
        }

        /*** MISE EN FORME DES CREDITS ***/
        .credits {
          text-align: right;
          margin-right: 10px;
          font-size: 9px;
          margin-top: 10px;
        }

        .credits a{
          color: #B0C3AB;
        }

        /* -------------------------------- FIN QEEL -------------------------------- */

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

/*----BACKGROUND----*/

.boobs{
  background-color: #1d1e1e;
  padding: 15px;
  text-align: justify;
}
/*----CASE CONTEXTE-----*/

.lapinou{
  background-color: #505753;
  border: 2px solid #cacaca;
  width: 340px;
  height: 225px;
  overflow:hidden;
}

.panda div{
  width: 340px;
  height: 225px;
  overflow: hidden;
  text-align: justify;
  position: relative;
}   

.panda div span {
  display: block;
  left: 0;
  right: -5;
  position: absolute;
  top: 0;
  transition: transform 0.8s ease-in-out;
  -moz-transition: -moz-transform 0.8s ease-in-out;
  -o-transition: -o-transform 0.8s ease-in-out;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
}
.panda div:hover span {
  display: block;
  float: left;
  transform: translateY(-225px);
  -moz-transform: translateY(-225px);
  -o-transform: translateY(-225px);
  -webkit-transform: translateY(-225px);
}
.hagrid{
  color: #854752
  width: 340px;
  height: 225px;
  margin-right: 45px;
  text-align: justify;
}

/*------CASE PV-----*/
.teub{
  background-color: #505753;
  border: 2px solid #cacaca;
  width: 225px;
  height: 225px;
  margin-left: 375px;
  margin-top: -228px
}

.lapindeschamps div{
  width: 68px;
  height: 68px;
  overflow: hidden;
  text-align: justify;
  position: relative;
}
.lapindeschamps div span {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.8s ease-in-out;
  -moz-transition: -moz-transform 0.8s ease-in-out;
  -o-transition: -o-transform 0.8s ease-in-out;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
}
.lapindeschamps div:hover span {
  display: block;
  float: left;
  transform: translateY(-68px);
  -moz-transform: translateY(-68px);
  -o-transform: translateY(-68px);
  -webkit-transform: translateY(-68px);
}
.PV {
      width: 68px;
      height: 68px;
    }

/*------CASE STAFF-----*/
.plume{
  background-color: #505753;
  border: 2px solid #cacaca;
  width: 150px;
  height: 225px;
  margin-top: -228px;
  margin-left: 635px;
  overflow:hidden;
}

.canard div{
  width: 140px;
  height: 68px;
  overflow: hidden;
  text-align: justify;
  position: relative;
}   

.canard div span {
  display: block;
  left: 0;
  right: -5;
  position: absolute;
  top: 0;
  transition: transform 0.8s ease-in-out;
  -moz-transition: -moz-transform 0.8s ease-in-out;
  -o-transition: -o-transform 0.8s ease-in-out;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
}
.canard div:hover span {
  display: block;
  float: left;
  transform: translateY(-68px);
  -moz-transform: translateY(-68px);
  -o-transform: translateY(-68px);
  -webkit-transform: translateY(-68px);
}


/*------------CASE PARTENAIRE-------*/
.tsumtsum{
  background-color: #505753;
  border: 2px solid #cacaca;
  width: 340px;
  height: 140px;
  margin-top: 15px;
  overflow:hidden;
}

/*-------------------CASE CREDIT-----------*/
.stitch{
  background-color: #505753;
  border: 2px solid #cacaca;
  width: 340px;
  height: 80px;
  margin-top: 15px;
  overflow:hidden;
}

/*------------------CASE NAVIGATION----------*/
.tamere{
  background-color: #505753;
  border: 2px solid #cacaca;
  width: 150px;
  height: 235px;
  margin-left: 365px;
  margin-top: -237px;
  overflow:hidden;
}
/*-------------------CASE TS------------*/

.trouduc{
  background-color: #505753;
  border: 2px solid #cacaca;
  width: 250px;
  height: 80px;
  margin-top: -237px;
  margin-left: 540px;
  overflow:hidden;
}

/*--------------------CASE NEWS--------------------*/

.bulle{
  background-color: #505753;
  border: 2px solid #cacaca;
  width: 250px;
  height: 140px;
  margin-left: 540px;
  margin-top: 10px;
  overflow:hidden;
}

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

/*---------------SCROLL BAR---------*/
#hook
{
  background:url(http://sournoishack.com/uploads/753753134tumblr_inline_msnpzuxxzz1qz4rgpGRIS.png) no-repeat right top;
  width:43px;
  height:64px;
  position:fixed;
  right:0;
  top:20px;
  z-index:3;
}
 
#weight
{
  width:121px;
  height:271px;
  position:fixed;
  right:-2px;
  bottom:0;
  z-index:4;
}

#weight
.main
{
  background-image:url(http://sournoishack.com/uploads/243103549tumblr_msnoy3wzh61shpaqho2_250GRIS.png);
  width:100%;
  height:100%;
  position:relative;
  top:156px;
}
 
#hook
.chain,
#weight
.chain
{
  background:url(http://sournoishack.com/uploads/1062422299tumblr_inline_msnq0aSYG71qz4rgpGRIS.png) repeat-y center bottom;
  width:6px;
  height:1000px;
  position:absolute;
}
#hook .chain {left:6px; bottom:34px;}
#weight .chain {left:54px; bottom:60px;}
 
#weightshadow 
{
  background-image:url(http://25.media.tumblr.com/35f78e946cde0f4b2029fcfbe5e07498/tumblr_msnoy3wzh61shpaqho3_250.png);
  width:121px;
  height:271px;
  position:fixed;
  right:-62px;
  bottom:-236px;
  opacity:0.25;
  z-index:1;
}
#weightshadow
.chain
{
  background:url(http://media.tumblr.com/73d074afa4cfbc93aa79476cb6687fc8/tumblr_inline_msnq0fGiX61qz4rgp.png) repeat-y center bottom;
  width:12px;
  height:1000px;
  position:absolute;
  left:51px;
  bottom:121px;}