/**BARRE DE NAVIGATION AVEC OMBRE**/
a.cattitle {
text-shadow: 2px 2px 15px #000;
}
a.forumlink {
    font-family: 'Forte',sans-serif;
font-weight: lighter;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
transition: letter-spacing 1s ease 0.5s;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.7s ease;
}
a.forumlink:hover {
font-family: 'Forte',sans-serif;
font-weight: lighter;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 4px;
transition: letter-spacing 1s ease 0.5s;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.7s ease;
}
a.forumlink:link {
    color: #9A5B78;
}
/*PA*/

a.imginfo {
position: relative;
color: #9e7d64;
font-family: arial, verdana, sans-serif;
text-align: center;
font-size: 11px;
}

a.imginfo span {
display: none;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

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

a.imginfo:hover span {
display: block;
position: absolute;
z-index: 999;
overflow: hidden !important;
white-space: normal;
top: -5px;
left: 2px;
text-align: center;
text-decoration: none !important;
width: 105px;
background: #EDF5F8;
padding: 4px;
border: 6px double #8cb891;
}

/*FIN PA*/
#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:790px; /*--- pour régler la largeur de la barre ---*/
background-color: #fff; /*--- On donne une couleur au fond ---*/
border:1px #fff solid;  /*--- On ajoute une bordure ---*/
margin-left:-395px; /* pour centrer:  largeur divisée par -2 */
left:50%;
  opacity: 0.9;
  height: 25px;
}
.quote .code {
  width: 500px;
  overflow-x: auto;
}
/*** SCROLLBAR ***/

::-webkit-scrollbar
{background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png');
  height:10px;
  width:10px}

::-webkit-scrollbar-thumb
{background:#a5a5a5;
  background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png');
  border-radius:30px}
/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Oserez-vous parler ?" ; }
#chatbox_header .catBottom .cattitle {
    color: ;
}  
.selectCode {
 float:right;
 text-transform: uppercase;
 cursor:pointer;
color: blue;}
.signature_div img {
 max-height:300px;
  max-width:500px;
}

/* CSS PERSO BY AMI */

.bodylinewidth
{
width: 745px;
background-color: #383838;
margin-top:-12px;
}
.bodyline {
  max-width: 745px!important;
  min-width: 745px!important;
width:745px!important; /* largeur */
margin-top:-12px;
border-left: 10px solid #C18EA7;
border-right: 10px solid #C18EA7;}

body {margin-left:-40px;}
/* enlever soulignement liens */
a:hover{
text-decoration: none !important;
        }
a {
text-decoration: none !important;
        }
a:link {
        text-decoration: none;
        }
a:visited {
        text-decoration: none;
        }

/* mise en forme catégorie */

.boxdescription {
  padding-bottom: 5px;
  padding-top:4px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: -6px;
  margin-left: -10px;
  margin-right: 4px;
  height: 97px;
  border: 3px solid #DDDDDD;
  background-color: none;}
 
.boxmessage {
 margin-top:-6px;
width: 140px;
  height:112px;
  background-image: url("http://image.noelshack.com/fichiers/2014/10/1394283332-lastmessagv.png");}
.boxmessage:hover {
margin-top:-6px;
width: 140px;
  height:112px;
  background-image: url("http://image.noelshack.com/fichiers/2014/10/1394283332-lastmessager.png");}
.boxsousforum {
border: 3px solid #DDDDDD;
margin-bottom:10px;
margin-top: -3px;
margin-left: 30px;
padding-left: 5px;
width: 510px;
height: 15px;}
/* image nouveau message */
.rotate{
margin-left:-60px !important;}
.rotate1{
margin-left:-50px !important;}
.imageu {
padding: 2px;
border: 2px solid #9b5a80;
}
.imageu:hover {
padding: 2px;
border: 2px solid #be91ab;
}
/* partenaires footer */
.ecriture{
    font-family: 'Forte',sans-serif;
    color: #9A5B78;
font-weight: lighter;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
transition: letter-spacing 1s ease 0.5s;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.7s ease;
}
.ecriture:hover {
font-family: 'Forte',sans-serif;
font-weight: lighter;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 4px;
transition: letter-spacing 1s ease 0.5s;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.7s ease;
}
.footer {
   padding-bottom: 5px;
  padding-top:5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: -10px;
  margin-right: 34px;
  height: 74px;
  width: 727px;
  border: 1px solid #dcdcdc;
  background-color: none;
  overflow: auto;}
.footercontenu{
 padding:5px;
opacity: 0.5;
-webkit-transition: opacity 0.5s ease-in-out;/*chrome*/
-moz-transition: opacity 0.5s ease-in-out;/*mozilla*/
  transition: opacity 0.5s ease-in-out;/*autre navigateur*/
 }
.footercontenu:hover {
  padding:5px;
 opacity:1;
-webkit-transition: opacity 0.5s ease-in-out;/*chrome*/
-moz-transition: opacity 0.5s ease-in-out;/*mozilla*/
  transition: opacity 0.5s ease-in-out;/*autre navigateur*/
}

/* qui est en ligne */
.cadre_qel {
text-align: justify;
  border: 2px dashed #9A5B78;
background-color: #E8D2E0;
border-bottom-left-radius: 10px;
}
.cadre_qel2 {
text-align: justify;
  border: 2px dashed #9A5B78;
background-color: #E8D2E0;
border-top-right-radius: 10px;
}
.divqueel {overflow:auto; height:140px;}
/* onglets du qui est en ligne */
/* onglet css actif */
/* les onglets */
.tabs-onglets2 {
  margin: 0 auto;
  padding: 0;
  cursor: pointer;}
.tabs-onglets2:hover {
    padding: 0;
  margin: 0 auto;
 }
.tabs-onglets2.selected{
    padding: 0;
  margin: 0 auto;
  color: #;
  background: #;}
.fondqeel {
margin-left: 2px;
background-color: #D0A9BC;
  width: 740px;}
.fondfooter {
  margin-left: -7px;
  background-image: url("http://image.noelshack.com/fichiers/2014/08/1392842799-fondblanc1.png");
  background-repeat: no-repeat;
}
.listlastconnected td { background-color: #E8D2E0;
text-color:#9A5B8E ! important;}
.2forumline {
background-color: #E2CDDA;}
/* contenu */
#contenu2{
    margin: 0 auto;
  height: 115px;
  width: 300px;}
#one_onglet {
    padding: 0;
    margin: 0 auto;
  height: 115px;
  width: 300px;}
#two_onglet {
    padding: 0;
  margin: 0 auto;
  height: 121px;
  width: 300px;}
#free_onglet{
    padding: 0;
  margin: 0 auto;
  height: 121px;
  width: 300px;}
#four_onglet{
    padding: 0;
  margin: 0 auto;
  height: 121px;
  width: 300px;}
#five_onglet{
    padding: 0;
  margin: 0 auto;
  height: 121px;
  width: 300px;}
#six_onglet{
    padding: 0;
  margin: 0 auto;
  height: 121px;
  width: 300px;}
#seven_onglet{
    padding: 0;
  margin: 0 auto;
  height: 121px;
  width: 300px;}
#height_onglet{
    padding: 0;
  margin: 0 auto;
  height: 121px;
  width: 300px;}
#nim_onglet{
    padding: 0;
  margin: 0 auto;
  height: 121px;
  width: 300px;}
.cadreqeel{
margin: 0 auto;
  background-color: #E8D2E0;
  text-decoration : none;
text-align: justify;
padding: 3px;
  border: 2px solid #9A5B78;
  margin-top: 5px;
height: 95px !important;
width: 288px !important;
  overflow:auto;
} /* image categorie */
.titre_cat {
margin-left: -53px;
        }
/* onglets catégories */
/* CSS pour le conteneur des catégories */
   #conteneur_categories
   {
  }

   /* CSS pour les catégories */  
  .categorie
   {
   }
  
  /* CSS pour le conteneur des onglets */
   #conteneur_onglets
   {
      display: none;
   }
  
  /* CSS pour les onglets */
   .onglet
   {
     cursor: pointer;
    margin: 15px;
padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
   color: #9A5B78;
  margin-left:-30px;
font-family: times new roman;
  letter-spacing: -2px;
font-size: 14px;
  text-align:center;
  font-weight: 500;
  }
.onglet.actif {
  cursor: pointer;
  margin: 5px;
  padding: 10x;
 margin-right: 20px;
      color: #ffffff;
font-family: times new roman;
  letter-spacing: -2px;
  text-align: center;
font-size: 14px;
  font-weight: 500;}
.barre {
background-color: #9A5B78;
  width: 740px;
height: 4px;}
.fond {
  margin-top: 8px;}
/* titre categorie */
.ecriture2 {
    font-family: 'Thirsty Script',sans-serif;
    color: #9A5B78;
  margin-left: -10px;
font-weight: lighter;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
transition: letter-spacing 1s ease 0.5s;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.7s ease;
}
.ecriture2:hover {
font-family: 'Thirsty Script',sans-serif;
    color: #fff;
font-weight: lighter;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 4px;
transition: letter-spacing 1s ease 0.5s;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.7s ease;
}
/* Page d'accueil index */
/* pade d'accueil by Ami */
/* div contexte */
.contexte {
width: 390px;
  height: 291px;
background-color:;
}
.contexte2 {
width:332px;
height:140px;
margin-left:50px;
border-radius: 8px;
  background-image: url("http://image.noelshack.com/fichiers/2013/46/1384714707-fondblanctrans.png");
border: 1px solid white;}
.contexte3 {
  padding: 3px;
margin-right:7px;
height: 134px;
background-color: none;
  overflow: auto;}
.colonne1 {
width: 174px;
  height: 505px;}
/* div partenaires */
.partenaire {
  background-image: url("http://image.noelshack.com/fichiers/2013/46/1384532471-fondpart.png");
  background-repeat: repeat;
 }
.defile {
  width: 390px;
  height: 31px;
  padding: 3px;
  background-color: #FFFFFF;
border-radius: 5px;}
.rotate2{
margin-left:-90px !important;}
/* tableau zoom partenaire top */
div.cssactif_tableaupartenaire {
  width: 372px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  line-height: 0; /* À ne pas modifier */
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
  height: 35px; /* Hauteur initiale */
  width: 35px; /* Largeur initiale */
}
div.cssactif_tableaupartenaire a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 1px; /* MARGE entre les images */
}

div.cssactif_tableaupartenaire a img {
  display: block; /* À ne pas modifier */
  position: absolute; /* À ne pas modifier */
  left: 0; /* À ne pas modifier */
  top: 0; /* À ne pas modifier */
  
  /* Transitions pour différents navigateurs */
  /* navigateur: toutes_transitions durée type */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

div.cssactif_tableaupartenaire a:hover img {
  height: 50px; /* Hauteur finale */
  width: 50px; /* Largeur finale */
  z-index: 99; /* Place l'image au-dessus des autres */
   box-shadow: 1px 1px 12px #000;
  
  /* Positionne le logo de pleine taille au centre - À adapter */
  left: -25%;
  top: -25%;
}
/* onglet css actif */
/* les onglets */
.tabs-onglets {
  margin: 0 auto;
  padding: 0;
  cursor: pointer;}
.tabs-onglets:hover {
    padding: 0;
  margin: 0 auto;
 }
.tabs-onglets.selected{
    padding: 0;
  margin: 0 auto;
  color: #;
  background: #;}
/* contenu */
#contenu{
    margin: 0 auto;
  padding:2px;
  margin-top:2px;
  height: 102px;
width: 298px;
background-color: #E8D2E0;
border: 2px dashed #9A5B78;
border-bottom-left-radius: 10px;}
#premier_onglet{
    padding: 0;
    margin: 0 auto;
  padding:2px;
  height: 100px;
  width: 296px;
text-align: justify;
overflow:auto;}
#deuxieme_onglet{
    padding: 0;
  margin: 0 auto;
  height: 100px;
  width: 296px;
text-align: justify;
overflow:auto;}
#troisieme_onglet{
    padding: 0;
  margin: 0 auto;
  height: 100px;
  width: 296px;
text-align: justify;
overflow:auto;}
#quatrieme_onglet{
    padding: 0;
  margin: 0 auto;
  height: 100px;
  width: 296px;
text-align: justify;
overflow:auto;}
#cinquieme_onglet{
    padding: 0;
  margin: 0 auto;
  height: 100px;
  width: 296px;
text-align: justify;
overflow:auto;}
h1{
margin: 0 auto;
color : #9A5B78;
 text-align: justify;
  font-size:9px;
  font-family: 'arial', sans-serif;
}
/* cadre écriture */
.cadre {
  background-image: url("http://image.noelshack.com/fichiers/2013/46/1384476829-fondgrisfonce.png");
border-top: 2px solid white;
border-bottom: 2px solid white;
text-align: center;
font-size: 12px;
font-family: Tribuchet Ms;
  text-transform: uppercase;}
.predef {
  background-image: url("http://image.noelshack.com/fichiers/2013/46/1384476715-essais.png");
  height: 169px;
  width: 273px;}
.predef2 {
  background-image: url("http://image.noelshack.com/fichiers/2013/46/1384476715-essais.png");
  height: 169px;
  width: 300px;}
.bienvenue {
background-image: url("http://image.noelshack.com/fichiers/2013/46/1384644932-fondpabon.png");
height: 291px;
  width: 747px;}
/* image predef */
.image {
padding: 1px;
border: 2px solid #939393;
  border-radius: 50px;
width: 50px;
  height: 50px;
}
.image:hover {
padding: 1px;
border: 2px solid #3CCAE1;
border-radius: 50px;
  width: 50px;
  height: 50px;
}
/* slideshow*/

.slideshow,
.slide {
    width: 436px;
    height: 141px;
}

.slideshow {
    margin: 0;
  padding-top: ;
  padding-bottom: ;
    overflow: hidden;
    
    background-color: #;
    
    border: ;
}

.slideshow div {
    position: relative;
    top: 0;
    left: 0;
}
    
.slide {
    margin: 0;

    
    display: inline-block;
    vertical-align: middle;
        
    text-align: center;
}

.slide p {
    margin: 0px;
    text-align: justify;
}
/* page accueil */
/* infobulle */
        /* cases descriptions */
        .descript_content{
          width:70px;
          height:70px;
          position:relative;
          top:0px;
          left:0px;
        }
        .descript_text{
          padding:5px;
          font-size:12px;
          color:#9A5B78;
    text-align:center;
        }
        .descript_image{
          width:70px;
          height:70px;
          position:absolute;
          top:0px;
          left:0px;
        }
        #case_voteur{
         background:url(http://image.noelshack.com/fichiers/2014/08/1393012436-voteur1.png);
        }
.descript_image {
opacity:1;
-webkit-transition: opacity 0.5s ease-in-out;/*chrome*/
-moz-transition: opacity 0.5s ease-in-out;/*mozilla*/
  transition: opacity 0.5s ease-in-out;/*autre navigateur*/
}

.descript_image:hover {
opacity: 0.2;
}
.contour_staff {
  border: 1px solid #9A5B78;
width: 57px;
height: 57px;
padding: 1px;
margin-top:1px;}
.contour_staff:hover {
  border: 1px solid #F0E3EB;
width: 57px;
height: 57px;
padding: 1px;
margin-top:1px;}
/* tableau predef */
div.tableaupredef {
  width: 300px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  height: 54px;
  line-height: 0; /* À ne pas modifier */
}
div.tableaupredef a, div.tableaupredef a img {
  height: 40px; /* Hauteur initiale */
  width: 40px; /* Largeur initiale */
  border: 1px solid #9a5b78;
  padding:1px;
}
div.tableaupredef a, div.tableaupredef a img:hover {
  height: 40px; /* Hauteur initiale */
  width: 40px; /* Largeur initiale */
  padding:1px;
  border: 1px solid #9a5b78;
}
div.tableaupredef a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 2px; /* MARGE entre les images */
}
/* tableau BEST */
.Tableau span {
   display:inline;
   float:left;
   margin:0px;
   padding:3px;
  }
.Tableau p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100% !important; height:1em;
  }
.Tableau p.legende {font-weight:bold}
.Tableau span.col1 {width:70px}
.Tableau span.col2 {width:70px}
.Tableau span.col3 {width:70px}
/* barre navigation */
        .navig {
        position: absolute;
        top: -2px;
        width: 94%;
  border: 2px solid #BE91C7;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
margin-left:24px;
  padding:2px;
        }

a.mainmenu {
font-family: times new roman;
font-size: 13px;
letter-spacing: 1px;
 text-transform: uppercase;}

#i_logo {margin-top:15px;
margin-right:0px;
  margin-left: -10px;}
/* blockquote en haut */
.widget_flottant4{
width: 250px;
  right: 0px;}
.widget_flottant5
{
width: 200px;
}
.widget_flottant5
{
background-image: url("http://image.noelshack.com/fichiers/2014/08/1393102781-fondblancblock.png");
box-shadow: 0px 0px 12px 0px #555;
border-bottom-left-radius: 20px;
border-right: 4px #9A5B78 solid;
border-top-left-radius: 20px;
width: 200px;
position:fixed;
top: 35px;
right: 10px;
  text-align:center;
}
.widgetcb {
  width: 165px;
  position: fixed;
  bottom: 5px;
  left: 2px;}

.titreblockquote {
color: #9A5B78;
font-family: Gabriola;
font-size: 30px;
  margin-top: -7px;
}
/* météo */
.meteo {
background-color: #F0E3EB;
  border: 1px solid #9A5B78;
  margin-top: -10px;
height: 70px;
padding: 8px 3px;
width: 190px;
font-size: 10px;
}
.barreuh {
background-color: #9A5B78;
height: 2px;
width: 110px;
}
/* rumeur box */
.rumeurbox{
  overflow: hidden;
  margin-top: -10px;
width: 185px;
height: 110px;
border: 1px solid #9A5B78;
border-radius: 0 7px 0 7px;
  background-image: url("http://obsession27.free.fr/divers/fonds/ta4.jpg")}
.sceditor-container
{
width: 537px !important;
  height: 387px !important;
margin: auto !important;
}
/* menu haut */
.widget_flottant3
{
width: 180px;
height: 140px;
}
.widget_flottant3
{
width: 180px;
height: 140px;
position:fixed;
top: 0px;
left: 0px;
}
/*!
 * Code proposé par Damudo No Kyoku
 * Corrigé par Espeon
 * Pour CSSActif - http://www.css-actif.com
 */
.infobulle {
  display: inline-block;
}

.infobulle > div {
  position: absolute;
  margin-left: 37px;
  opacity: 0;
  visibility: hidden;
  background-image: url("http://image.noelshack.com/fichiers/2014/08/1393102781-fondblancblock.png");
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  
  -webkit-transform: scale(0.3) rotate(-45deg);
  -moz-transform: scale(0.3) rotate(-45deg);
  -o-transform: scale(0.3) rotate(-45deg);
  transform: scale(0.3) rotate(-45deg);

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.infobulle:hover > div {
  opacity: 1;
  visibility: visible;

  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.bouh {
  width: 200px;
  padding: 1px;
  margin: auto;
  background-color: #;
  color: #9A5B78;
  text-align: center;
border: 1px dashed #9A5B78;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.bouh a {
  padding: 0px;
  margin: 3px -5px 3px -5px;
  display: inline-block;
 background-color: none;
  color: #9a5b78;
font-weight: lighter;
letter-spacing: 1px;
  text-decoration: none;
}

.bouh a:hover {
  color: #D0A9BC;
font-weight: lighter;
letter-spacing: 3px;
    margin: 3px -5px 3px -5px;
    transition: all 0.7s ease;
 background-color: none;
  border-left: 2px solid #D0A9BC;
  border-right: 2px solid #D0A9BC;
}

.bouh h1 {
  -webkit-text-shadow: 0 0 5px #ffffff;
  -moz-text-shadow: 0 0 5px #ffffff;
  -o-text-shadow: 0 0 5px #ffffff;
  text-shadow: 0 0 5px #ffffff;
}

.bouh p {
  text-align: justify;
}

.bouh hr {
  -webkit-box-shadow: 0 0 3px #666666;
  -moz-box-shadow: 0 0 3px #666666;
  -o-box-shadow: 0 0 3px #666666;
  box-shadow: 0 0 3px #666666;
}
.flecheuh {
  width: 0;
  margin-left: 70px;
  border: 5px solid transparent;
  border-bottom: 10px solid #000000;
}
/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 730px;
  margin: auto;
  background-image: url("http://31.media.tumblr.com/cdedc082f3c7eeaf7c2e9ec30aacd283/tumblr_movdbcThVO1ru3nbdo1_250.png");
  border: 1px solid #ececec;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;
  padding: 5px;
}
.sujets
{
  background: #ececec;
  border: 1px dotted #ffffff;
  padding: 3px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 150px;
  font-size: 11px;
  font-family: Georgia;
   letter spacing: 4 px;
}
.sujet_last
{
  display: block;
  width: 160px;
  height: 40px;
  background-image: url("http://obsession27.free.fr/divers/fonds/ta4.jpg");
  border-left: 4px solid #9B5A80;
  border-right: 4px solid #9B5A80;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 730px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #a4a4a4;
}
/* box avatar */
.boxavatar {
background-image: url("http://obsession27.free.fr/divers/fonds/ta4.jpg");
  margin-left:-90px !important;
border-radius : 28px;
width: 180px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1px solid #9A5B78;
}
.boxinfos {  
background-color: #886c75;
border-radius : 28px;
border-bottom: 10px #886c75 solid;
border-top: 10px #886c75 dotted;
border-right: 0px #886c75 solid;
  border-left: 0px #886c75 dotted;}
.boxinfos2 {
background-color: #FFFFFF;
padding-left: 3px;
padding-right: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
border-radius : 8px;}
/* fond des messages */
div.postbody {
width: 600px;
align: center;
background-color: #E9D8E2;
border-radius: 20px;
padding:6px 6px 6px 6px;
  margin-top: 10px;
margin-left: auto;
margin-right: auto;}
.signature_div{
  background-color: none;}
.signature{
  background-color: none;}
/* cb */
body.chatbox {
background-image:url("http://31.media.tumblr.com/cdedc082f3c7eeaf7c2e9ec30aacd283/tumblr_movdbcThVO1ru3nbdo1_250.png");
background-repeat: repeat;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Notre petit chez nous"; }
#chatbox_header .cattitle strong { visibility: hidden; }
/* changer pseudo sur avatar */
span.name{font-size:20px;
font-family: Times New Roman;
letter-spacing: 1px;
align:center;}
/* CSS crunched with Crunch - http://crunchapp.net/ */
/* Bloc principal */
.monBloc {
  position: relative;
  overflow: hidden;
  width: 180px;
  height: 315px;
  background: #F4F6F2;
}
/* Bloc de recouvrement */
.blocVolet {
  position: absolute;
  width: 180px;
  height: 315px;
  top: 0;
  left: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  background: #F4F6F2;
}
/* Changement au survol */
.monBloc:hover > .blocVolet {
  left: -180px;
}

/* message mise en forme */
.fleche {
    background-image : url("http://image.noelshack.com/fichiers/2014/08/1393173710-flecheviolette.png");
    width: 21px;
    height :21px;
    position : relative;
    top :75px;
    left :-19px;  }
.bulle{
  min-height:70px!important;
    background-image: url("http://image.noelshack.com/fichiers/2014/08/1393175683-fondbulle5.png");
    border : 2px solid #9A5B78;
    -moz-border-radius: 10px ;
    -webkit-border-radius:10px;
    -border-radius:10px;
    -khtml-border-radius:10px;
    padding : 7px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 13px;
    }
.bulle img {max-width:560px !important;} /*réduire images trop grandes dans postes*/

/* fiches présentations */
.fondfiche {
width: 570px;
  background-color: #E6D0DE;
padding: 10px;}
.fond-interieur {
width: 546px;
  background-color: #F4F6F2;}
.titre {
width: 542px;
background-color: #F4F6F2;
  border-right: 2px solid #9C5B8B;
    border-left: 2px solid #9C5B8B;
font-size: 22px;
color: #935773;
font-style: italic;
font-family: 'Forte',sans-serif;
padding-top:5px;
  padding-bottom: 5px;
}
.titre2 {
width: 542px;
  background-color: #935A7F;
  height: 4px;
font-style: italic;
font-family: 'Forte',sans-serif;
  font-size: 12px;
color: #ffffff;}
.cadreinfos1 {
width: 536px;
background-image: url("http://obsession27.free.fr/divers/fonds/ta4.jpg");
  text-align:justify;
padding:5px;}
.cadre-overflow {
    text-align: justify;
  background-color: #F4F6F2;
    padding: 5px;
    width: 345px;
    height: 170px;
    margin-left: 10px;
    overflow: auto;
}
.imagecadre {background-color: #F4F6F2;
padding: 5px;
height: 170px;
  width: 150px; }
.cadre-overflow2 {
    text-align: justify;
  background-color: #F4F6F2;
    padding: 5px;
    width: 345px;
    height: 150px;
    margin-right: 10px;
    overflow: auto;
}
.imagefamilier {background-color: #F4F6F2;
padding: 5px;
height: 150px;
  width: 150px; }
.cadre-overflow3 {
    text-align: justify;
  background-color: #F4F6F2;
    padding: 5px;
  margin:5px;
    width: 517px;
    height: 200px;
    overflow: auto;
}
/*--- Bloc réponse rapide ---*/
        
.sceditor-container.ltr.sourceMode {
        width:487px !important;
        }
.sceditor-container.ltr.wysiwygMode {
        width:487px !important;
        }
/* fond de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
    background-color: rgb(245, 245, 245) !important;
  background-image: url("http://image.noelshack.com/fichiers/2014/10/1393940335-fondbulle5.png") !important;}
div.sceditor-container {
border: 2px solid #E2CDDA;
}
#sceditor_smilies {
  background-color: #E2CDDA;}
/* avatars recensés*/
.infobulle {
    position: relative;
    z-index: 0;
}
.infobulle span {
    color: #000;
    visibility: hidden;
}
.infobulle span img {
    border: 0px none;
    padding: 0px;
}
.infobulle span {
    background-color: #FFF;
    color: #000;
    left: 0px;
    padding: 0px;
    position: absolute;
    visibility: hidden;
}
/* monter page accueil */
#page-body {
  margin-top: -50px;}
/* Blog */
.blog_cal-border {
 display: inline;
 float: left;
 border: 1px solid #;
 background: #C18EA7;
 padding: 1px;
 font-size: 0.9em;
 margin-right: 10px;
 }
.blog_cal-content {
 width: 2.9em;
 background: #;
 padding: 1px;
 line-height: 1.4em;
 text-align: center;
 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
 color: #C18EA7;
 }
.blog_cal-content span {
 display: block;
 }
.blog_cal-day {
 padding-left: 0.2em;
 font-size: 1.6em;
 letter-spacing: 0.2em;
  color: #FFFFFF;
 }
.blog_cal-month {
 line-height: 0.7em;
 font-size: 2em;
 font-weight: bold;
   color: #FFFFFF;
 }
.blog_cal-year {
 line-height: 1.2em;
 font-size: 0.8em;
   color: #FFFFFF;
 }
.blog_title {
 padding-top: 5px;
 font-size: 16px;
    background-color: #E2CDDA;
 }
.blog_title img {
 vertical-align: middle;
 }
.blog_title .topictitle {
 font-size: 16px;
 }
.blog_comments {
 margin-bottom: 2px;
 text-align: right;
 }
.blog_comments img {
 vertical-align: middle;
 }
.blog_comment-avatar {
 float: center;
 }
.blog_comment-avatar img {
 background-color: #fff;
 border: 1px solid #;
 vertical-align: middle;
 width: 38px;
  height: 67px;
 margin: 5px 5px 0 0;
 }
#blog_comments table {
 margin-bottom: 2px;
 }
#blog_comments .h3 {
 overflow: hidden;
 margin-top: 0;
 margin-left: 45px;
 padding: 0;
 min-height: 22px;
 }
.blog_comment-title {
 float: left;
 min-height: 12px;
 margin-top: 7px;
 }
.blog_comment-title a {
 text-decoration: none;
 }
#blog_comments .profile-icons {
 float: right;
 margin-bottom: 5px;
 }
#blog_comments {
 width: 100%;
 margin: 0 auto;
 }
#blog_comments .postbody {
 width: 90%;
 }
#profile-advanced-details .avatar {
 float: center;
 }
#profile-advanced-details .message-footer {
 text-align: center;
 }
#profile-advanced-add {
 margin-right: 4px;
 padding: 8px 0;
 text-align: center;
 }
.postrow.displayed.ROW_CLASS {
  text-align: center;
color : #545454;}
.annoncedate {
  font-color: #FFFFFF;}
.blog_message {
  width: 100%;
align:center;}
.img {max-width:518px !important;} /*réduire images trop grandes dans postes*/
/* DEBUT CSS POUR FICHE OU RP */
/*fiche délégué*/

.fichepv {
   text-align: center; /* texte-centré */
}

/* les titres (balises h1) de la fiche */
.fichepv h1 {
   margin:0;padding:0;
   font-size: 24px; /* taille du texte */
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /* police du texte */
   font-weight: bolder; /* épaisseur du texte */
   font-style: italic; /* texte en italique */
   letter-spacing: -2px; /* espacement entre les lettres, ici négatif donc les lettres sont plus rapprochées */
   margin-left: 5px; /* marge par rapport au bord gauche du titre */
   text-transform: none; /* pas d'effets */
   color:white; /* couleur du texte */
   text-shadow : #B5B5B5 1px 1px 1px; /* ombre sur le texte */
}

/* on centre les tables automatiquement */
.fichepv table { margin:auto; }

/* blocs contenant les infos */
.blocpv {
  width: 500px; /* largeur du bloc */
   background-color: #ffffff;
  border: 1px solid #171717;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius : 10px;
   box-shadow: #171717 1px 1px 10px;
   margin : auto;
}

/* partie contenant les icones et les carac du perso */
.profilpv {
   width:45%; /* largeur */
   font-size:9px; /*taille du texte */
   text-align:justify;
}

/* mise en forme du selecteur déroulant */
.profilpv select {
   background-color:#FFFFFF; /* couleur de fond */
   border:1px dotted #000;
}

/* mise en forme des options (dans le sélecteur déroulant) */
.profilpv option {
   background-color:#FFFFFF;
}

.profilpv form { text-align:center; }

/* Mise en forme du bloc contenant l'histoire du personnage : bordure et largeur */
.storypv {
   border: Slategray 1px solid;
  width:55%; /* largeur du bloc */
}

/* Mise en forme du bloc contenant l'histoire du personnage : mise en forme et hauteur */
.storypv > div {
   height: 210px; /* hauteur du bloc */
   overflow:auto; /* en cas de dépassement de la hauteur, on affiche une barre défilante */
   text-align:justify;
   margin:2px; /* marge pour éloigner le texte de la bordure */
}

/* mise en forme des liens du perso */
.blocpv .blocliens {
   width:450px;
   margin:auto;
   text-align:justify;
}
a.gen {
    color: #FFFFFF;
}
.fermeture {
  width:748px;
  background-image: url("http://image.noelshack.com/fichiers/2013/46/1384714707-fondblanctrans.png");
padding: 6px;
  margin: auto;
border: 1px solid white;
  border-radius :8px;
}
/* changer couleur liste des membres */
a.gen {color: #9C5B81;}