css

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

/*Bannière de fond*/
body {
background-image: url("https://zupimages.net/up/18/14/t39l.png"),url('fond');
background-repeat: no-repeat, repeat;
background-attachment: scroll, fixed;
background-position: center, top-center;
background-position: top center, bottom center;}

#i_logo
{
height: 470px;
}

/*CHATBOX*/
body.chatbox {
 background-image:url(uc);background-color:#DAE0E2;background-repeat:no-repeat;background-position:top center;
background-repeat: repeat;
}


/* TITRE CHATBOX*/

.secondarytitle, .secondarytitle h2{
color: #E8D9B1;
font-size: 30px;
letter-spacing: -4px;
text-align: center;
font-family: Vani;
text-transform: uppercase;
text-shadow:1px 1px 3px #9C9893;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "SexyDIAL"; }
#chatbox_header .cattitle strong { visibility: hidden; }

/*FIN TITRE CHATBOX*/


///***DEBUT PA***///
/* PA SIMPLE*/
/* latin-ext */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: local('Limelight'), url(http://fonts.gstatic.com/s/limelight/v7/jVTBRAYIWabRXjx2ji3VChJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: local('Limelight'), url(http://fonts.gstatic.com/s/limelight/v7/kD_2YDkzv1rorNqQ2oFK5hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.pa {
margin: auto;
width: 750px;
background: #DAE0E2;
padding: 5px;
}
.bienvenu {
display:block;
font-family: 'Limelight';
font-size: 30px;
color: #94754B;
text-align: center;
text-transform: uppercase;
}
.contexte {
background: #DAE0E2;
width: 300px;
height: 160px;
padding: 5px;
overflow:auto;
text-align: justify;
font-size: 10px;
color: #94742B;
font-family: 'Poiret One';
line-height:10px;
}
.contexte img {
width: 100px;
float: left;
margin-right: 5px;
border: 3px solid #FCFCFC;
}
.topsite {
width: 310px;
height: 23px;
padding: 5px;
text-align: center;
}
.topsite a {
font-size: 16px;
color: #615050;
font-family: 'Trebuchet MS';
text-decoration: none!important;
}
.wanted {
background: #DAE0E2;
width: 300px;
height: 34px;
padding: 5px;
}
.wanted img {
width: 28px;
height: 28px;
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.wanted img:hover {
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
.credits {
margin-top: 10px;
background: #DAE0E2;
width: 300px;
height: 100px;
padding: 5px;
overflow:auto;
text-align: justify;
font-size: 10px;
color: #94742B;
font-family: 'Poiret One';
line-height:10px;
}
.news {
background: #DAE0E2;
width: 170px;
height: 361px;
border: 1px solid #615050;
padding: 5px;
overflow:auto;
text-align: justify;
font-size: 10px;
color: #94742B;
font-family: 'Poiret One';
line-height:10px;
margin-right:10px;
}
.partenaires {
background:#DAE0E2;
width: 224px;
border: 1px solid #615050;
margin-top:10px;
font-size: 10px;
color: #AD9A6F;
font-family: 'Trebuchet MS';
text-shadow: 0px 1px 0px #FCFCFC;
}
.liensutiles {
background:#DAE0E2;
width: 212px;
height: 149px;
border: 1px solid #615050;
padding: 5px;
margin-top:10px;
text-align: center;
font-size: 10px;
color: #AD9A6F;
font-family: 'Trebuchet MS';
text-shadow: 0px 1px 0px #FCFCFC;
}
.liensutiles a {
color: #615050;
text-decoration: none!important;
text-transform: uppercase;
}
/*-------------codage du staff-------------------*/
.staff {
background:#DAE0E2;
width: 222px;
height: 170px;
border: 1px solid #615050;
}
.fond {
width: 216px;
height: 62px;
padding-top:35px;
background-color: #DAE0E2;
text-align: center;
font-size: 10px;
color: #94742B;
font-family: 'Poiret One';
line-height:10px;
margin-left:3px;
}
.conteneur {
position: relative;
width: 40px;
height: 64px;
overflow: visible;
text-align: center;
font-size: 10px;
color: #94742B;
font-family: 'Poiret one';
line-height:10px;
}
.conteneur a {
color: #615050;
text-decoration: none!important;
}
.conteneur .info1 {
position: absolute;
top: 64px;
left: 0px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #7F8B8F;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}

.conteneur:hover .info1 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur .info2 {
position: absolute;
top: 64px;
left: -44px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}

.conteneur:hover .info2 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur .info3 {
position: absolute;
top: 64px;
left: -88px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}
.conteneur:hover .info3 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur .info4 {
position: absolute;
top: 64px;
left: -132px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}
.conteneur:hover .info4 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur .info5 {
position: absolute;
top: 64px;
left: -176px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}
.conteneur:hover .info5 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur img {
/* Effet sur l'image lorsque la souris n'est pas là */
width:40px;
height:64px;
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.conteneur:hover img {
/* Lorsque la souris est sur l'image*/
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
///*****fin PA***///

/* Catégories réalisées par Cheshire Cat */
.catLiens{
  text-align:center;
}
.categorie{
  width:800px;
  margin:0 auto;
  font-family:calibri;
  font-size:12px;
}
.inline{
  display:inline-block;
  vertical-align:top;
}
.categorie h2{
  margin:20px 0 0;
  padding:30px 0;
  box-sizing:border-box;
  font-size:30px;
  font-weight:normal;
  text-align:center;
  color: #523e32;
  text-shadow: 0 0 3px #55493f;
}
.catCentre{
  padding:0 20px 40px 20px;
  background:#a6bcbf;
}
.categorie h2 + .catCentre{
  padding-top:40px;
}
.catGauche{
  width:400px;
  background-color:#516b6f;
  margin-right:10px;
  padding:10px;
  box-sizing:border-box;
}
.catStats{
  color:#654f3f;
  font-size:15px;
  margin-bottom:3px;
  text-transform:uppercase;
  letter-spacing:1px;
}
.catLast{
  width:130px;
  height:120px;
  padding:5px;
  box-sizing:border-box;
  background-color:#a6bcbf;
  text-align:center;
  line-height:20px;
  overflow:auto;
}
.catAvatar{
  width:80px;
  height:120px;
  margin:0 10px;
  overflow:hidden;
  background-color:#a6bcbf;
}
.catAvatar img{
  width:100%;
}
.sousForums{
  width:150px;
  height:120px;
  background-color:#a6bcbf;
  font-size:0;
}
.sousForums a{
  display:block;
  background:#fff;
  font-size:12px;
  text-align:center;
  margin-bottom:5px;
}
.catDroite{
  width:350px;
  background-color:#516b6f;
  padding:10px;
  box-sizing:border-box;
}
.catTitreForum {
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:1px;
}
.catDescrip{
  height:120px;
  background-color:#a6bcbf;
  margin-top:5px;
  padding:10px;
  overflow:auto;
  text-align:justify;
  box-sizing:border-box;
}


/**************************************************/
/************************PROFILE*******************/
/**************************************************/
.name {
    letter-spacing: 2px;
      font-size: 10px;
      font-family: 'Poiret One';
      text-transform: uppercase;
      text-align: center
    }

    .rang {
      letter-spacing: 2px;
      font-size: 10px;
      font-family: 'Poiret One';
      text-transform: uppercase;
      text-align: center;
    }

    .fondpost {
      text-align: justify;
      background-color: #EFEFEF;
      padding: 3px;
    }

    .fondpost2 {
      text-align: justify;
      background-color: #EFEFEF;
      padding-left: 3px;
      padding-right: 3px;
      padding-bottom: 10px;
    }

/********* FIN PROFIL ********/


.navSIT {
position:absolute; top:100px; margin-left:850px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:0px; border-top:2px solid;
border-top-color:white; /* MODIFIABLE */
}
.mainmenu img{
display:none;
}

/* NAVIGATION */
.navSIT {
position:absolute; top:0; left:5%; /* MODIFIABLE - DETERMINE LA POSITION */
width:145px; padding:15px 10px 25px; border-radius:0 0 75px 75px; line-height:16px;
background:rgba(0,0,0,0.3); /* MODIFIABLE */
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block; 
text-transform:uppercase; text-align:center;
font-size:12px; font-weight:bold; font-family:Arial; color:white; /* MODIFIABLE */
opacity:0.8; transition:opacity 0.55s; -webkit-transition:opacity 0.55s;
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
opacity:1;
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:grey; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}


//****PROFIL2****////
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:400px; font-family:Arial;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; 
}
/* BLOC SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
margin-bottom:10px;
width:100px; height:100px; padding:10px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* BORDURE SUJETS UTILISATEUR PROFIL */
.sbjPFIL a{
display:block; margin:auto;
width:98px; height:58px; padding-top:40px; border:1px solid;
border-color:rgba(0,0,0,0.4); color:grey; /* MODIFIABLE */
}
/* BLOC MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
margin-bottom:10px;
width:100px; height:100px; padding:10px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* BORDURE MESSAGES UTILISATEUR PROFIL */
.msgPFIL a{
display:block; margin:auto;
width:98px; height:58px; padding-top:40px; border:1px solid;
border-color:rgba(0,0,0,0.3); color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE PROFIL */
.lstPFIL {
width:100px; height:100px; padding:10px;
text-align:center; font-size:11px;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* BORDURE DERNIERE VISITE PROFIL */
.lstPFIL div{
display:block; margin:auto;
width:88px; height:98px; padding:0 5px; border:1px solid;
border-color:rgba(0,0,0,0.2); color:grey; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span{
text-transform:uppercase;
}
/* BLOC ALIGNEMENT */
.lstPFIL i {
display:inline-block; vertical-align:middle; font-style:normal;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-left:10px; margin-bottom:10px;
height:20px; padding:15px;
text-transform:uppercase; text-align:right; letter-spacing:3px;
background:rgba(255,255,255,0.7);  /* MODIFIABLE */
}
/* BLOC AVATAR & IMAGES CONTACT PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-left:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */
#ktactPFIL {
position:absolute;
width:200px; height:305px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s;
}
#ktactPFIL:hover {
opacity:1;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
margin-bottom:15px;
font-size:11px; color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a{
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-left:10px; 
width:840px; height:300px; padding:10px; overflow:auto; font-size:11px;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:rgba(255,255,255,0.4); /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#191919; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}
//***FINPROFIL***///

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

/**PROFILE**/
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Snippet'), url(http://fonts.gstatic.com/s/snippet/v6/dkdPSGwSU2IgxfExalYR0wLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}

.pseudoprofil {
  text-align:center;
  font-size:20px;
  font-family: 'Limelight';
}

.contour {
padding: 20px;
  border: 2px solid #DAE0E2;
  box-shadow: inset #94754B 1px 1px 50px;
  border-radius: 10px 10px 10px 10px;
  text-align: justify;
  background-color: #FCFCFC;
}

.RPG {
background-color: #F7F7F7;
text-align: justify;
  padding: 5px;
border-radius: 10px 10px 10px 10px;
  margin-top: -20px;
}

/**FIN**/


/* QEEL */
.QEEL {
margin:auto; width:800px; height:340px; padding-top:20px; text-align:center;
background:#DAE0E2; box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE / 24H */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:300px;
}
/* MEMBRES CONNECTES */
.onlineQEEL {
display:inline-block; margin-bottom:10px; margin-right:5px;
width:270px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.8); color:94754B; /* MODIFIABLE */
font-size:10px; text-align:justify; font-family:Arial;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.onlineQEEL:hover {
overflow:auto; opacity:1;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; margin-right:5px;
width:280px; height:110px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:10px; text-align:justify;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.dayQEEL:hover {
overflow:auto; opacity:1;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial; color:#94754B; /* MODIFIABLE */
}
/* BLOC ANNIVERSAIRES / STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; margin:0 10px; font-family:Arial;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
margin-bottom:10px;
width:225px; height:100px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
font-size:10px; text-align:justify !important;
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover {
overflow:auto; opacity:1;
}
.anvQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Arial; color:black; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:245px; height:120px;
font-family:Arial; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto;
width:245px; height:24px; padding:12px 0 0;
text-transform:uppercase; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.4); color:black; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover div {
color:rgba(0,0,0,0);
}
/* CONTENU STATISTIQUES */
.statsHOV {
position:absolute; z-index:5; margin-left:-122px; margin-top:-41px;
width:245px; height:24px; padding:12px 0 0;
background:rgba(250,250,250,0.3); color:black !important;  /* MODIFIABLE */
opacity:0; transition:all .45s ease; -webkit-transition:all .45s ease;
}
.stsQEEL:hover .statsHOV {
opacity:1;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; margin-left:5px;
width:200px; height:230px; padding:10px 0; overflow:hidden;
text-align:center; color:rgba(0,0,0,0); line-height:14px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
opacity:0.5; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.GQEEL:hover {
opacity:1; overflow:auto;
}
/* GROUPES QEEL */
.GQEEL a{
display:block;
text-transform:uppercase; font-family:Birch Std; font-size:18px;
text-shadow:1px 1px 0px rgba(0,0,0,0.3); letter-spacing:3px; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
/* SURVOL GROUPE QEEL */
.GQEEL a:hover {
letter-spacing:1px; /* MODIFIABLE */
}
/* BLOC NOMBRE UTILISATEURS EN LIGNE & TITRE QEEL */
.tleQEEL {
width:770px; height:50px; padding:15px;
text-transform:uppercase; text-align:center;
}
/* TITRE QEEL */
.tleQEEL a{
font-size:48px; font-family:Birch Std;
color:#94754B; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* NOMBRE UTILISATEURS EN LIGNE */
#TLUS {
display:block; margin-top:-10px;
letter-spacing:0; font-size:9px; font-family:Arial;
color:#94754B; /* MODIFIABLE */
}
/***FIN QEEL***/

/* AFFICHAGE LISTE DES MEMBRES */
#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);
}