/* CODE PAGE D'ACCUEIL */

.fondpa1   {background-color: #F2E8DB;
  text-align: justify;
  font-size: 11px;
  cursive;
  width:230px;
  height:108px;
  padding: 5px;
  overflow:auto;
  }

.fondpa2   {background-color: #F2E8DB;
  text-align: justify;
  font-size: 11px;
  cursive;
  width:230px;
  height:268px;
  padding: 5px;
  overflow:auto;
  }

.fondpa3   {background-color: #F2E8DB;
  text-align: justify;
  font-size: 11px;
  cursive;
  width:230px;
  height:135px;
  padding: 5px;
  overflow:auto;
  }


/* POLICES INSEREES */
@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700';


/*QUEEL DU FORUM*/
.bandtitrequeel   {padding: 5px; text-align: justify;background-color:#EADAC6;border: 1px solid #F0E8D3;width: 220px;
 }

.fondqueel    {background-color:#EADAC6;color:#e8a782; font-size: 18px;line-height:17px;font-family: 'Yeseva One', cursive;text-align:center;
  }

.contenuqueel   {background-color: #F8F1E9; text-align: justify;font-size: 11px; cursive;width:230px;height:90px;padding: 5px;overflow:auto;
  }

.contenuqueel2   {background-color: #F8F1E9; text-align: justify;font-size: 11px; cursive;width:230px;height:190px;padding: 5px;overflow:auto;
  }

.contenuquee3   {background-color: #F8F1E9; text-align: justify;font-size: 11px; cursive;width:230px;height:215px;padding: 5px;overflow:auto;
  }

.contenuqueel4   {background-color: #F8F1E9; text-align: justify;font-size: 11px; cursive;width:230px;height:65px;padding: 5px;overflow:auto;
  }

.contenuqueel5   {background-color: #F8F1E9; text-align: justify;font-size: 11px; cursive;width:230px;height:180px;padding: 5px;overflow:auto;
  }

.contenuqueel6   {background-color: #F8F1E9; text-align: justify;font-size: 11px; cursive;width:230px;height:100px;padding: 5px;overflow:auto;
  }

.titrepart {color: #B7B4B2; font-size:14px; line-height: 14px; text-align: justify; font-family:courier; text-decoration: none; text-transform:uppercase; letter-spacing:-1px;
}

.queel12{
   padding:2px;
  background-color:#FFFAED;border: 2px solid #F0E8D3;
  width: px; height: 50px;
  opacity: 0.8;
  -moz-transition-duration:2s;
}

.groupecolor1 {
background-color: #f2e8dc;
  width: 230px;
   font-family: 'Josefin Sans', sans-serif;
  height: 20px;
  padding : 2px;
font-size: 14px;
text-align: left;}
  
.groupecolor2 {
background-color: #DFD1C1;
  width: 230px;
  height: 20px;
  font-family: 'Josefin Sans', sans-serif;
  padding : 2px;
font-size: 14px;
text-align: left;}
.queel12:hover {opacity: 1;
}

.pseudosqueel12 {letter-spacing:1px;font-weight: ;text-align:center;
font-family: 'georgia', cursive;  font-size:11px; color: #7B7600; text-transform: lowercase;
-moz-transition-duration:2s;

}

.iconsmdm {background-color:#EEEBE8;
-moz-border-radius : 3px 3px 3px 3px;
border: 0px #F2E8DB solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 100px;
height: 70px;
padding:2px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.90;
  opacity: 0.80; }

.iconsmdm:hover{background-color:#EEEBE8;
-moz-border-radius : 3px 3px 3px 3px;
border: 0px #F2E8DB solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 100px;
height: 70px;
padding:2px;
  padding:2px;
  filter: alpha (opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;}

.effetmdm{ width: 100px; height: 70px; background-color: white;
 
 opacity: 0;transition-duration: 0.5s;

  -moz-transition-duration: 0.5s;

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s; overflow: auto;

  color: #B7B4B2; }
 

.effetmdm:hover { width: 100px; height: 70px;

  background-color: #EEEBE8;
  opacity: .9; }

.infosmdm {  text-transform: none;
font-size:9px;
text-align: center;
margin-top: 5px;}

/*FIN DU QUEEL*/

/*INFOBULLE DU QUEEL*/
.NU_infobulle{
width: 90px;
margin: auto;
padding: 5px;
float: left;
position: relative;
  opacity:0.5;
  -webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}

.NU_infobulle:hover{
opacity:1;
}

.NU_bulle{
  background-color:#faf8f6;
  opacity:0.8;
width: 0;
height: 0;
position: absolute;
top: 5px;
left: 5px;
overflow: hidden;
  line-height:9px;
z-index: 20;
text-align: justify;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
  color:#5e11a1;
}

.NU_infobulle:hover .NU_bulle{
width: 90px;
height: 60px;
padding: 0px;
border-width: 0px;
}
/*FIN*/

/*SCROLLBAR*/
 
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background-color: #F2E8DB; }
::-webkit-scrollbar-thumb { background-color: #f2e8dc; }
/*fin*/


/* MARGES */
.bodyline{
border-top: none !important;
border-bottom: none !important;
border-left: solid #B7B4B2 5px;
border-right: solid #B7B4B2 5px;
}

body {
      margin: 0 auto;
}

.bodylinewidth {
   width:750px;
}

/*APPARENCE DES CATEGORIE*/
/*TITRE DES FORUMS*/

a.forumlink:link{

font-family: 'Josefin Sans', cursive;
color :#A38214;
font-weight:lighter;
margin-left: 140px;
text-transform: uppercase;
text-decoration:none;
font-size: 16px;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
  transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

a.forumlink:hover{
font-family: 'Josefin Sans', cursive;
font-weight:lighter;
margin-left: 140px;
text-transform: uppercase;
  color: #A38214;
text-decoration:none;
font-size: 16px;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
  transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

a.desc{
font-size: 11px;
  line-height:11px;
text-align: justify;
margin-bottom:-10px;}
/*fin*/

/*COULEUR DESCRI LIENS FORUM*/
.colorlien1 {
background-color: #f2e8dc;
  width: 110px;
  height: auto;
  padding : 2px;
font-size: 10px;
text-align: left;}
  
.colorlien2 {
background-color: #DFD1C1;
  width: 110px;
  height: auto;
  padding : 2px;
font-size: 10px;
text-align: left;}

.catliens {width:123px; height:80px;overflow-y:scroll;}
.catdes {background-color:#F2E8DB;width:340px;height: 75px;padding:5px;overflow-y: auto;font-size: 11px;text-align: justify; line-height:11px;font: 11px;}
.desf { font-family: 'Bubbler One', sans-serif; color:#A38214;font-size: 12px; font-transform:lowercase; blackground-color:#DDDBD9;}
.postd {background-color:#F2E8DB;width:157px;height: 63px;padding:5px;font-size: 11px;text-align: center;}

/*sélectionner le code en minuscule */
  
.plot{
border: solid 1px #944E18;
width:370px;
padding:20px;
display:block;
margin:auto;}

.lettrescaté1    {font-family: 'Unica One', cursive; font-size:11px; font-style:italic; color: #8071A6; text-transform:uppercase; letter-spacing:2px;
  }

.descricaté1   {font-size:11px;text-indent:0.3cm;padding: 5px; text-align: justify;
 }

/*fin*/

/*SOULIGNEMENT*/

A:link {text-decoration: none !important;color:#A38214;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;color:#A38214;}
/*fin*/

/*EDITER*/

tr.post span.gensmall {
display: none;
}
/*fin*/

/* SELECTIONNER CODE */
        .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/*fin*/

/*APPARENCE DANS LES SUJETS*/
div.postbody {
    display: block;
    padding-left: 20px;
    padding-right: 20px; font-size:11px;
    text-align:justify !important;
  line-height:13px;
}
/*fin*/

/* SCENARIO */

.scenario {
        width:200px;
        height:165px;
        overflow:auto;
        line-height: 11px;
        font-size: 12px;
        }

/*fin*/


/*PROFIL*/

.postdetails.poster-profile img {
                                width: 200px;
}

.contourprofil {
             padding:4px;
             background-color:#ffffff;
             border: 5px none;
             box-shadow: 0px 0px 3px #8F7D9C;
             border: #ffffff 0px solid;}
.contourprofil:hover {
             border: #ffffff 0px solid;
}

.postdetails.poster-profile img {
                                width: 200px;
}
.noms{
  background-color: ;  
  position: relative; top: px;
font-family: 'Lobster', cursive;
font-weight:lighter;
 text-transform: lowercase;
  font-size: 18px;
  text-align: center;
}
.namer{  font-family: 'Josefin Sans', sans-serif;
font-weight:lighter;
  font-size: 11px;
  text-align: center; text-transform:uppercase; color:#602f20;
margin-top:px;}

.fyimgrang {
    background-color: #F2E8DB;
  width: 210px;
  height:35px;
  margin-top: 0px;
   font-family: 'Josefin Sans', sans-serif;
font-weight:lighter;
  font-size: 15px;
  text-align: center;
  color: #C2BAB1;
  text-transform: lowercase;
}
.banprofil img{width:190px;}
.avatarpro {
  opacity:1;
-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;
  width:200px;
  padding:5px;
  height:320px;
  border :;
  background-color:#F2E8DB;
}
.avatarpro:hover{
  
  opacity:1;
  -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;
  
 
}
.banprofil {
  width: 200px;
  height: 300px;
  overflow: auto;
  margin-top: -10px;
 background-color: #E8DDD0;
 text-align: justify;
  padding:2px;
  font-family:calibri;
  font-size:11px; line-height:100%;
  padding:5px;
 
 
}
.imgrang{
  text-align: center;}

/*GIF PROFIL*/
td.row1 div.field_uneditable img{
max-width: 250px;
}

/*IMAGES CATE*/
.imgcate{
  margin-left: 0px;
  margin-top: 0px;
  opacity: 0.8;
  -moz-transition-duration:2s;
}
.imgcate:hover {opacity: 1;
}
/*fin*/


/*ASCENSEUR*/
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 560px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 30px; /*--- On le place à 0px de la gauche de l'écran ---*/
-moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}

/*AVATAR CATEGORIE*/
.lastpost-avatar {
float: left;
padding: 2px;
}
.lastpost-avatar img {
width: 63px;
height: 100px;
  border: #FFFFFF 3px solid;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
  opacity: 0.7;
  -moz-transition-duration:2s;
}

.lastpost-avatar img:hover
{
width: 63px;
height: 100px;
  border: #FFFFFF 3px solid;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
  opacity: 1;
}

/*BARRE NAVIGATION*/


a.mainmenu {
margin: 5px;
  font-family: 'Josefin Sans', sans-serif;
font-weight:lighter;
font-size: 10px;
  text-align: center;
  color: #bcb5b3;
  text-transform: uppercase;
}

a.mainmenu:hover {
  color: #A38214;
}

/* FICHE PV/PRESENTATION
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect */
.cssactif_pv { /* Fond de la fiche */
  background-color: #F2E8DB; /* Couleur de fond */
 
 
    
}

td.cssactif_pv_header { /* En-tête avec image de fond */
   background-repeat: no-repeat; /* Empêche la répétition de l'image du header */
   background-position: top center; /* Postionne l'image du header en haut, au center */

   width: 200px; /* Donne la largeur de la bannière latérale (Largeur de l'avatar) */
   height: 320px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande (Hauteur de l'avatar) */
  
  border-right: 15px double #831114; }/* Bordure côté du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style)  */

div.cssactif_pv_titre h1 { /* Titre prénoms & nom */
font-family: lobster; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
font-size: 32px; /* Taille du texte: TAILLEpx */
color: #831114; /* Couleur du texte */
margin: 0; /* Supprime la marge par défaut de l'élément h1 */
text-align: center;   /* Aligne le titre à droite */
text-transform: uppercase; /* Met le titre en majuscules */  
}

div.cssactif_pv_titre { /* Titre + feat */
   /* Positionne le titre "à cheval" sur la bordure */
   position: relative;
   top: -28px;
  text-align: center;      /* Aligne le texte à droite */
   padding-right: 20px;    /* Défifine une marge interne */
   color: #AB433D; /* Couleur du feat */
}

.cssactif_pv h2 { /* Sous-titres "Identité", "Opinions" etc. */
 background-color: #F2E8DB;   /* Couleur du fond des sous-titres */
 border-color: #831114; /* Couleur de la bordure */
 border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS  GAUCHE & DROITE */
 border-style: solid; /* Style de la bordure */
}

.cssactif_pv_content  { / Contenu /
 padding: 0px; / Marge interne /
 text-align: justify; / Justifie le texte /
 text-shadow: px px 0px #000; /*Ombre du texte */
}

.cssactif_pv em { /* Libellés */
   font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
   color: #921628;   /* Couleur du titre */
   font-style: normal;
   text-transform: uppercase;
  
}

.fytwimg {opacity: 0; width:200px;
  height: 320px;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  overflow:hidden;
  }

.fytwimg:hover {opacity: 1;
  background-color: #F2E8DB;
 width: 180px;
  height:320px;
  padding-right:5px;
padding-left:5px;
  text-align:justify;
  overflow:auto;
  font-size:11px;
  line-height:100%;
  color:#48373c;
  }

.fypart1 {
  width: 195px;
  height:325px;
  text-align:justify;
  overflow:auto;
  font-family:calibri;
  font-size:11px; line-height:100%;
  color:#9C9797;
  }

.iconscon{background-color:#F6EAF0;
    background-repeat: no-repeat; /* Empêche la répétition de l'image du header */
   background-position: top center; /* Postionne l'image du header en haut, au center */
   width: 200px; /* Donne la largeur de la bannière latérale (Largeur de l'avatar) */
   height: 320px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande (Hauteur de l'avatar) */
   border-right: 15px double #831114; }

.iconscon:hover{background-color:#F6EAF0;
-moz-border-radius : 3px 3px 3px 3px;
border: px #F2E8DB solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 200px;
height: 320px;
padding:2px;
  padding:2px;
  filter: alpha (opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}
  
.effetpa { width: 200px; height: 320px; background-color: white;
 opacity: 0;transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s; overflow-y: auto;
  color: #48373c;
}

.effetpa:hover { width: 200px; height: 320px;

  background-color: #F2E8DB;
  opacity: .9;
}

.hodinfopa2{  text-transform: none;
    font-family:arial;
  color: #48373C;
font-size:10px;
  padding:5px;
text-align: justify;
margin-top: 5px;
}

.hodinfopacon {  text-transform: none;
    font-family:arial;
  color: #48373C;
font-size:10px;
  padding:5px;
text-align: justify;
margin-top: 5px;
}

.fynom {
  width: 400px;
  margin-left:2px;
  background-color: #DFD1C1;
  font-family: 'Righteous', cursive;
font-weight:lighter;
  text-transform: lowercase;  
  font-size: 26px;
  text-align: center;
  color: #dcb122;
  padding: 24px;
  
}

.prez{
  width: 450px;
  padding: 15px;
  margin-top:40px;
  background: #;
  border-top: 0px solid #B7B4B2;
}

.back{
  background-color: #F2E8DB;
  width:230px;
  text-align:justify;
  height:310px;
  padding-top:-2px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  overflow:auto;
}

.phrase{
text-align: center;
  padding-top:5px;
  margin-bottom:-15px;
 font-family: 'Josefin Sans', sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.back2{
  margin-left:0px;
  background-color: #F2E8DB;
  width:430px;
  text-align:justify;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
 
  
}

.fynom2 {
width: 400px;
  margin-left:2px;
 background-color: #F2E8DB;
  font-family: 'Lobster', cursive;
font-weight:lighter;
  text-transform: lowercase;
  font-size: 20px;
  text-align: center;
  color: #B7B4B2;
  padding: 24px;
}

.back3{
  margin-left:-2px;
  background-color: #F2E8DB;
  width:306px;
  text-align:justify;
  height:100px;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  overflow:auto;
}

.back4{
  background: #F2E8DB;
  width: 420px;
   padding: 15px;
   }
 
/* ------------- FIN FICHE PV */

/* ANCIENNE PRESA */
.pr{
  width: 450px;
  padding: 15px;
  margin-top:40px;
  background: #F2E8DB;
  border-top: 5px solid #B7B4B2;
}

.prbas{
  width: 450px;
  padding: 15px;
    border-top: 5px solid #B7B4B2;
}

.citapr{
 font-family: 'Josefin Sans', sans-serif;
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:#9d968f;
}

.se{
  width: 450px;
  padding: 15px;
  margin-top:30px;
  background: #CBC4D8;
  border-top: 5px solid #ddd;
}

.titrepresa {
  
            font-family: 'Lobster', cursive;
font-weight:lighter;
  text-transform: lowercase;  
             font-size: 22px;
             color:#B7B4B2;
            
            
}

.catépresa {
             font-family: 'Josefin Sans', sans-serif;  
             font-size: 24px;
             color:#9d968f;
             font-transform:uppercase;            
}

/* FIN ANCIENNE PRESA*/

/* ANCIENNE ANCIENNE PRESENTATION CODE */
.cadrepv {
        background-color: #F2E8DB;
        padding: 5px;
        width:450px;
        text-align: justify;
        border-radius: 60px 60px 00px 00px;
        }

.descrippresa {
        width:400px;
        height:165px;
        overflow:auto;
        line-height: 11px;
        font-size: 12px;
        }

.petitcadre{
        background-color: #F2E8DB;
        padding: 5px;
        line-height: 11px;
        width:450px;
        color:#48373C;
        text-align: justify;
        border-radius: 0px;
        }

.diversprésa {
        background-color: #F2E8DB;
        padding: 10px;
        line-height: 12px;
        width: 405px;
        text-align: justify;
        border-radius: 0px;
}
/*fin*/
/*BOTTINS*/
.onglebo {
  margin-top: -50px;
  height: 50px;
  width: 50px;
  line-height: 50px;
    background-color: #B7B4B2;
    -webkit-border-radius: 100px;
    color: #F2E8DB;
  font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
  
  
}
.onglebo:hover {
      background-color: #DFD1C1;
  height: 50px;
  width: 50px;
  line-height: 50px;  
  -webkit-border-radius: 100px;
    color: #B7B4B2;
  font-family: 'Josefin Sans', sans-serif;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
}
.onglebo1 {
  margin-top: -35px;
    background-color: #B7B4B2;
    -webkit-border-radius: 100px;
    color: #F2E8DB;
   height: 50px;
    line-height: 50px;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
    width: 50px;
  
}
.onglebo1:hover {
  margin-top: -35px;
    background-color: #DFD1C1;
    -webkit-border-radius: 100px;
    color: #B7B4B2;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
    width: 50px;
}
.ongleboga {
  margin-top: -70px;
   height: 50px;
  width: 50px;
  line-height: 50px;
    background-color: #B7B4B2;
    -webkit-border-radius: 100px;
    color: #F2E8DB;
  font-family: 'Josefin Sans', sans-serif;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
    width: 50px;
  
}
.ongleboga:hover {
  margin-top: -70px;
    background-color: #F7F5F2;
  height: 50px;
  width: 50px;
  line-height: 50px;  
  -webkit-border-radius: 100px;
    color: #C83C3C;
  font-family: 'Josefin Sans', sans-serif;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
    width: 50px;
}
.ongleboga1 {
  margin-top: -55px;
  background-color: #B7B4B2;
  height: 50px;
  width: 50px;
  line-height: 50px;  
  -webkit-border-radius: 100px;
    color: #F2E8DB;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
    width: 50px;
  
}
.ongleboga1:hover {
  margin-top: -55px;
    background-color: #F7F5F2;
    border-radius: 100px;
     color: #B7B4B2;
  font-family: 'Josefin Sans', sans-serif;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
    width: 50px;
}
.contenu{
    background-color: #eadac7;
  color :#9d968f;
  margin-top:-50px;
  margin-left: 20px;
    height: 400px;
  overflow: auto;
    text-align: left;
  padding: 5px;
    width: 400px;
  font-family:calibri;
  font-size:12px; line-height:11px;
}
.onglebon {
  margin-top: -50px;
  height: 60px;
  width: 60px;
  line-height: 60px;
    background-color: #B7B4B2;
    -webkit-border-radius: 100px;
    color: #F2E8DB;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
  
  
}
.onglebon:hover {
    background-color: #eadac6;
  height: 60px;
  width: 60px;
  line-height: 60px;  
  -webkit-border-radius: 100px;
    color: #B7B4B2;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
}
.onglebon1 {
  margin-top: -35px;
     background-color: #B7B4B2;
  height: 60px;
  width: 60px;
  line-height: 60px;  
    -webkit-border-radius: 100px;
    color: #F2E8DB;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
  
}
.onglebon1:hover {
  background-color: #eadac6;
  height: 60px;
  width: 60px;
  line-height: 60px;  
    -webkit-border-radius: 100px;
    color: #B7B4B2;
    text-align: center;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease-in;
}

/*CB*/
/* Taille des avatars */
 #chatbox .cb-avatar > img {
  height: 30px;
  width: 20px;
}
/* Calque des avatars */
 #chatbox .cb-avatar {
  float: left;
  margin-right: 4px;
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d5d5d5 !important; /* Bordure */
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  height: 30px;
  padding: 1px;
  vertical-align: middle;
  width: 20px;
}
/* Ligne de séparation */
 #chatbox > p {
  border-bottom: 1px solid #d5dde5;
}

/*BALISE DES GROUPES*/
    darkside {color:#76A676; font-weight:bold;}
    thinking {color:#8197c4; font-weight:bold;}
    breathless {color:#af85b8; font-weight:bold;}
    sexlove {color:#c96363; font-weight:bold;}
    pleasure {color:#e3754d; font-weight:bold;}

/*CODE,SPOILER, QUOTE*/

.code, .quote, .spoiler_content,.spoiler_closed{padding-top:4px;
  padding-bottom:4px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:6px;
  background-color: #ffffff;
  color: #B7B4B2;
  border: 1px solid #ffffff;
-moz-border-radius: 5px 0px 10px 0px;  -o-border-radius: 5px 0px 10px 0px;
  -webkit-border-radius: 5px 0px 10px 0px;  -htm-border-radius: 5px 0px 10px 40px; border-radius:5px 0px 10px 0px; }

.cont_code {max-width:450px;}

/*PRESENTATION SUJETS OFFICIELS*/
.imgn {width:200px;border: 3px solid #9d968f; margin:3px;}
.t1 {width: 390px;  margin-left:2px;  background-color: #F2E8DB; font-family: 'Lobster', cursive;font-weight:lighter;
  text-transform: lowercase;  font-size: 24px;  text-align: center;   color: #B7B4B2;  padding: 30px;}
.fond1 {margin-left:0px;  border-top: 1px solid #B7B4B2; background-color: #F2E8DB;  width:430px;  text-align:justify;  padding-top:10px;  padding-left:10px;
  padding-right:10px;  padding-bottom:10px;}
.t2 {font-family: 'Lobster', cursive;   font-size: 18px; color: #dcb122; }
.t3 {   font-family: 'Josefin Sans', sans-serif;   font-size: 14px; color:#9d968f; padding-left:20px;}

/*PA*/

.iconsmempa{background-color:#FEFAF5;
-moz-border-radius : 3px 3px 3px 3px;
border: 0px #FEFAF5 solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 170px;
height: 70px;
padding:2px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.90;
  opacity: 0.80; }

.iconsmempa:hover{background-color:#F2E8DB;
-moz-border-radius : 3px 3px 3px 3px;
border: 0px #F2E8DB solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 170px;
height: 70px;
padding:2px;
  padding:2px;
  filter: alpha (opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;}


.effetpamem { width: 170px; height: 70px; background-color: white;
 
 opacity: 0;transition-duration: 0.5s;

  -moz-transition-duration: 0.5s;

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s; overflow: auto;

  color: #B7B4B2; }
 

.effetpamem:hover { width: 170px; height: 70px;

  background-color: #F4F1EE;
  opacity: .9; }

.infosmempa {  
  color: #B7B4B2;
  text-transform: none;
font-size:9px;
text-align: center;
margin-top: 5px;}

.onglet
        {
                text-align: center;
                display:inline-block;
                margin-left:1px;
                margin-right:1px;
                padding:1px;
                width: largeur de votre bouton titre en px;
                -moz-border-radius:votre rayon d'arrondi en px;
                border:bordure si besoin;
                cursor:pointer;
        }
        .onglet_0
        {
                color:couleur du texte;
                text-align: alignement du texte;
                width: largeur de votre bouton titre;
                background:couleur de fond;
                -moz-border-radius:votre rayon d'arrondi en px;
                padding-bottom:2px;
        }
        .onglet_1
        {
                text-align: alignement du texte;
                width: largeur en pixel;
                background:couleur de fond;
                -moz-border-radius:arrondi;
        }
        .contenu_onglet
        {
                background-color:couleur de fond;
                margin-top:-1px;
                padding:5px;
                display:none;
                height:hauteur;
        }


/*  TOOLBAR  */

#fa_toolbar { background-color: transparent !important; height: 25px !important; font-family: 'Josefin Sans' !important; font-size: 10px !important; font-weight: 400 !important; text-transform: uppercase !important;}
#fa_toolbar a, #fa_toolbar a:link, #fa_toolbar a:visited { text-decoration: none !important; color: #85807A !important;}
#fa_toolbar a:hover, #fa_toolbar a:active { color: #85807A !important; }
#fa_share { display: none !important; }
#fa_search { margin-left: 0 !important; height: 26px !important; background-color: #F2E8DB!important; margin-top: -1px; padding-left: 10px; padding-right: 30px; border-radius: 0 0 40px 0;}
#fa_search #fa_textarea { height: 15px !important; background-color: #EEEE !important; margin-top: 5px !important; color: #85807A !important;}
#fa_search #fa_magnifier { display: none !important; }
#fa_hide { visibility: hidden !important; height: 25px !important;}
#fa_left { line-height: 25px !important; margin-top: 0px !important; margin-left: -50px !important; background-color:  #F2E8DB!important; position: relative; padding-left: 10px; padding-right: 10px; }
#fa_service { line-height: 25px; !important; }
#fa_right{ font-size: 12px !important; background-color: #F2E8DB!important; border-radius: 0 0 0 40px; padding-left: 30px; padding-right: 10px; position: relative; right: 0; }
#fa_toolbar #fa_icon { width: 45px !important; height: 20px !important; }
#fa_welcome, #fa_right #fa_notifications, .rightHeaderLink { line-height: 25px !important; }
#fa_right #fa_notifications { margin-right: -1px !important; padding: 0px 10px !important; }
#fa_right #fa_menu #fa_welcome { padding: 0px 10px; }
#fa_toolbar > #fa_right.notification > #fa_notifications,
#fa_right.welcome #fa_menu #fa_welcome { border-radius: 10px; background-color: rgba(255,255,255,.1) !important; }
  
/* FIN */