ATED chaton

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


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

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

.fond_QEEL{
  background-color: #1d1e1e;
  padding: 15px;
  text-align: justify;
}

/*--------WHOISHERE------*/

.case_whoishere{
  background-color: #505753;
  border: 2px solid #cacaca;
  height: 50px;
  overflow:hidden;
  align: center;
}

.titre_qeel{
  margin-left: 155px;
}

.case_image{
  background-color: #505753;
  border: 2px solid #cacaca;
  overflow: hidden;
  align: center;
  margin-top:800px;
}

.trans .row1 {
background-color : transparent;
}