/*********** FORMULAIRE MODIFIE PAR EYA ***********/
.TITRE {background-color: #f4ebdb; width: 450px; height: 50px; border: 3px double #E3D5BC;
 font-family: Megrim; font-size: 25px; text-transform: uppercase; line-height: 80%; margin-top: 5px!important;
  text-align: center; letter-spacing: -1px; color: #c99b61; text-shadow:1px -1px 0px #fff;}
.TITRE:hover {width: 450px; font-family: Megrim; font-size: 25px; text-transform: uppercase; line-height: 80%;
  text-align: center; letter-spacing: -1px; color: #9f934b; text-shadow:1px -1px 0px #fff;}
.SOUSTITRE { font-family: georgia; font-size: 10px; font-transform: lowercase; margin-top: -5px;}
.INFOT {font-family: Tahoma; font-size: 11px; width: 430px; line-height: 13px;
  text-align: justify; padding: 10px; margin-left: 0px; background-color: #fff; border-left: 3px double #E3D5BC;
border-right: 3px double #E3D5BC; border-bottom: 3px double #E3D5BC;}
.CODET {font-family: Tahoma; font-size: 10px; width: 420px; line-height: 13px;
  text-align: justify; padding: 15px; margin-left: 0px; background-color: #fff; border-left: 3px double #E3D5BC;
border-right: 3px double #E3D5BC; border-bottom: 3px double #E3D5BC;}
CO {width: 450px; height: 40px;
 font-family: Megrim; font-size: 22px; text-transform: uppercase; line-height: 80%;
  text-align: center; letter-spacing: -2px; color: #bead4a; text-shadow:1px -1px 0px #fff;}
.LISTING {background-color: #fff; width: 430px; border: 3px double #E3D5BC!important;
 font-family: Tahoma; font-size: 11px; line-height: 13px; text-align: justify; padding: 10px;}
.TITRE2 {width: 420px; border-bottom: 3px double #E3D5BC;  font-family: Megrim; font-size: 20px; text-transform: uppercase; 
  line-height: 80%;   text-align: center; letter-spacing: -2px; color: #9f934b; text-shadow:1px -1px 0px #fff; margin-left: 20px;}
.TITRE3 {width: 420px; border-bottom: 3px double #E3D5BC;  font-family: Megrim; font-size: 20px; text-transform: uppercase;
  line-height: 80%; text-align: center; letter-spacing: -2px; color: #c99b61; text-shadow:1px -1px 0px #fff; margin-left: 35px;}
.LESCODES {font-family: Tahoma; font-size: 11px; width: 430px; line-height: 13px;
  text-align: justify; padding: 10px; margin-left: 0px; background-color: #fff; border: 3px double #E3D5BC;}
  
/********************** FICHE DE PRESENTATION PAR PHANTASMAGORIA *********************/

.infobulle_copy > div {
  position: absolute;
  margin-top: -24px;
  opacity: 0; margin-left: 10px;
  visibility: hidden;
  -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_copy: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);}

.bouh1 { /* bulle*/
  width: 370px; height:350; overflow: auto;
padding : 2px; line-height: 13px;
  background-color:#fff;
  text-align: justify; font-size: 10px;}

.bouh1 a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-color:#fff;
  color: #ab8d76;
  text-decoration: none;}

.bouh1 a:hover {color: #; }
.bouh1 p {text-align: justify;}

.fleche1 {
  width: 0;
  margin-left: -10px;
  border: 5px solid transparent;
  border-bottom: 10px solid #;}


.ethan { width: 180px; height: 300px; opacity: 0; transition-duration: 0.8s;  -moz-transition-duration: 0.8s;  
-webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; }
.ethan:hover { width: 180px; height: 300px; opacity: 1; }
.aiden a, .aiden b { font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%;
  letter-spacing: 2px;
 font-style: italic; color: #000 }
.aiden::-webkit-scrollbar { background: #000; width: 5px; }
.aiden::-webkit-scrollbar-thumb { background: #000;  }
.aiden::-webkit-scrollbar-corner { background: #000; }
.cuteness { width: 160px; background-color: #f4ebdb; padding-top: 5px; padding-bottom: 5px; font-size: 7px; color: #978a6b!important;
font-family: calibri; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; }
.fond_fichepresa {width: 180px; height: 310px; padding: 5px; background-color: #fff; border: 3px double #eae0ca;}
.fond_blocpresa {width: 140px; height: 70px; background-color: #000; margin-left: 10px; opacity: .6; padding: 10px;}
.citation_presa {width: 140px; height: 70px; overflow: hidden; font-size: 7px; color: #fff; font-family: calibri; 
  text-transform: uppercase; line-height: 100%; text-align: justify; letter-spacing: 2px;}
.bloc_info {width: 190px; height: 310px; background-color: #fff; padding: 5px; border: 3px double #eae0ca;}
.fond_titrepre { background-color: #f4ebdb; width: 400px; height: 60px; border: 3px double #fff;}
.titre_presa {width: 300px; font-family: Time new roman; font-size: 25px; text-transform: uppercase; line-height: 80%;
  text-align: center; letter-spacing: -3px; color: #bead4a; text-shadow:1px -1px 0px #fff; margin-bottom: -25px;}
.titre_presa:hover {width: 300px; font-family: Time new roman; font-size: 25px; text-transform: uppercase; line-height: 80%;
  text-align: center; letter-spacing: -3px; color: #c99b61; text-shadow:1px -1px 0px #fff; margin-bottom: -25px;}
.text1_presa {width: 165px; padding-right: 5px; height: 280px; overflow: auto;
  font-family: georgia; font-size: 9px; text-align: justify; line-height: 11px; color: #;}
.sous_titrepresa { color: #c99b61; font-family: calibri; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;}
.sous_titrepresa1 { color: #bead4a; font-family: calibri; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;}
.fond_presabio {width: 390px; background-color : #fff; padding: 5px; border: 3px double #eae0ca;}
.fond_presabio1 {width: 390px; background-color : #fff; padding: 5px; border: 3px double #eae0ca; position: relative;}
.image_presa { width: 330px; border : 1px solid #eae0ca; padding: 1px; 
   filter: grayscale(100%); -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); 
 opacity: 0.3;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;
  /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut 
  transition sera pris en compte par tous les navigateurs */
;}

.image_presa:hover{
 opacity: 0.9; /* opacite au survol */
      filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);}

.titre_bio { width: 335px; background-color: #f4ebdb; padding-top: 5px; padding-bottom: 5px; font-size: 10px; color: #978a6b;
font-family: calibri; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; }
.titre_bio1 { width: 170px; background-color: #f4ebdb; padding-top: 5px; padding-bottom: 5px; font-size: 10px; color: #978a6b;
font-family: calibri; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; margin-left: -185px; }
.titre_bio3 { width: 170px; background-color: #f4ebdb; padding-top: 5px; padding-bottom: 5px; font-size: 10px; color: #978a6b;
font-family: calibri; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; position: absolute; 
top: 23px;}
.titre_bio4 { width: 170px; background-color: #f4ebdb; padding-top: 5px; padding-bottom: 5px; font-size: 10px; color: #978a6b;
font-family: calibri; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; position: absolute; 
top: 5px;}
.corps_presabio {font-family: Tahoma; font-size: 11px; width: 350px; line-height: 13px;
  text-align: justify; padding: 2px; margin-left: -5px; }
.corps_presabio1 {font-family: Tahoma; font-size: 11px; width: 350px; height: 320px; overflow:auto; line-height: 13px;
  text-align: justify; padding: 2px; margin-left: -5px; }

.icone_presa { width: 80px; height: 128px; border : 1px solid #978a6b; padding: 3px; 
   filter: grayscale(100%); -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); 
 opacity: 0.3;/* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;
  /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut 
  transition sera pris en compte par tous les navigateurs */
;}

.icone_presa:hover{
 opacity: 0.9; /* opacite au survol */
      filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);}
.lien_titre {width: 190px; font-family: Time new roman; font-size: 14px; text-transform: uppercase; line-height: 80%;
  text-align: left; letter-spacing: -2px; color: #978a6b; text-shadow: 1px 1px 0px #fff; }
.info_liens {font-family: Tahoma; font-size: 10px; width: 265px; height: 110px; overflow:auto;
  line-height: 13px; text-align: justify; padding: 2px;  }

  /******** AJOUT D'UN AVATAR DANS LA PARTIE REPONSE RAPIDDE *********/

#av_quickreply img {
    left: 7px; border-radius: 3px; -webkit-border-radius: 3px;
    position: relative;
    top: 5px; width: 170px; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
 filter: grayscale(0%); -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); 
  opacity: 10; /* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; }

#av_quickreply img:hover {-htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
 filter: grayscale(100%); -webkit-filter: grayscale(100%); border-radius: 3px; -webkit-border-radius: 3px;
  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); 
  opacity: 0.8; /* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;  }
 
#av_quickreply {
    float: left;
    position : absolute; }

.sceditor-container iframe, .sceditor-container textarea {
        color: #ABA4A4 !important;}
/*--- Bloc réponse rapide ---*/

 /*---  Groupe de boutons ---*/
 
/* Éditeur en général */
.sceditor-container {
    min-height:272px; width: 540px!important;
    max-height:auto !important; }
/** masquer le haut des boites de smileys **/
div#smilies_header {display:none;}
#sceditor_smilies {
background: none repeat scroll 0 0 #e5d8c0; }
 
/* Éditeur réponse rapide */
#quick_reply .sceditor-container { margin-right: -180px; 
    min-height:272px; width: 540px!important;}
/********************** PA PAR PHANTASMAGORIA **********************/

.pa_gma {width: 750px; height: 570px; position : relative;
  background-image: url('http://img11.hostingpics.net/pics/56191612pa.png'); }
.staff_gma {width: 300px; height: 200px; position: absolute; top: 75px; left: 200px;}
.news_part { position: absolute; bottom: 45px; width: 200px; height: 80px; left: 7px; text-align: justify; line-height: 11px;
  overflow: auto; padding: 4px;}
.sos_pa {position: absolute; top: 95px; width: 180px; height: 200px; right: 90px; text-align: justify; line-height: 10px;}
.contexte {position: absolute; top: 95px; width:  210px; height: 200px; left: 7px; text-align: justify; line-height: 9px;}
.truc_pa{ position: absolute; bottom: 105px; width: 400px; height: 110px; right: 120px; text-align: justify; line-height: 10px; }
.titre_pa {font-size: 18px; text-align: center; font-family: Megrim; letter-spacing: -1px; 
  color:#bead4a; !important;text-transform: uppercase; text-shadow:1px -1px 0px #fff;}
.topsite_pa {position: absolute; bottom: 150px; left:  1px; width : 230px; height: 60px;} 
.partenaire_pa {position: absolute; bottom : 50px; right: 130px; width; 350px; height: 30px;} 
.info1 {position: absolute; top: 90px; right: 12px; width : 68px; height: 68px;}
.info2 {position: absolute; top: 163px; right: 12px; width : 68px; height: 68px;}
.info3 {position: absolute; top: 238px; right: 12px; width : 68px; height: 68px;}
.info4 {position: absolute; top: 310px; right: 12px; width : 68px; height: 68px;}
.info5 {position: absolute; bottom: 120px; right: 12px; width : 68px; height: 68px;}
.info6 {position: absolute; bottom: 40px; right: 12px; width : 68px; height: 68px;}
.titre_mdm { color: #bcab4a; font-size: 14px; font-family: Oswald; letter-spacing: -1px; 
  text-transform: uppercase; text-shadow:1px -1px 0px #fff; margin-top: -5px; padding-bottom: 2px;}
.partenaire_ligne {width:350px; font-size:12px; letter-spacing:2px; background:#fbf7ee; color:#c99b61; border:1px solid #c99b61;
 font-weight:300; font-family:Roboto Condensed; margin-bottom:5px; letter-spacing:-1px; text-align:center;}
.part_bouton {font-size:12px; background:#fbf7ee; color:#c99b61; border:1px solid #c99b61; font-weight:300; font-family:Roboto Condensed}

.infobulle_copy2 > div {
  position: absolute;
  margin-top: -70px;
  opacity: 0; margin-left: -120px;
  visibility: hidden;
  -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_copy2: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);}

.bouh12 { /* bulle*/
  width: 130px; height:60px; overflow: auto;
padding : 5px; line-height: 9px;
  background-color:#fbf7ee;
  text-align: justify; font-size: 10px; }

.bouh12 a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-color:#fbf7ee;
  color: #ab8d76;
  text-decoration: none;}

.bouh12 a:hover {color: #; }
.bouh12 p {text-align: justify; line-height: 9px;}

.fleche12 {
  width: 0;
  margin-left: -10px;
  border: 5px solid transparent;
  border-bottom: 10px solid #;}

.navig_pa {position: absolute; top: 280px; width: 550px; height: 116px; left: 20px;}
  #navigation a:link, #navigation a:visited, #navigation a:active {
  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; height: 12px; font-family: 'Roboto Condensed', sans-serif;  letter-spacing: -1px;
font-size: 12px; width: 200px; height: 15px; text-align: center; padding: 2px; color: #d2c1a3; background-color: #fbf7ee;
line-height: 13px; display: block;inline; border-bottom: 2px solid #fff;}
#navigation a:hover {
color: #fff; background-color: #E3D5BC; -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */
  transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;
font-size: 12px; text-shadow: 0px 0px 2px #fff;}

.zoomEffect {width:45px; opacity:1; transition:all .3s ease-in-out; border:2px double #cbceb5;}
.zoomEffect:hover {-moz-transform:scale(1.3); -webkit-transform:scale(1.3); transform:scale(1.3); opacity:1; border:2px double #cbceb5;}  

.fond_pa1 {background-color: #F8F3F1; width: 750px; height: 500px;}

/********************* PROFIL BY PHANTASMAGORIA *****************/
a span strong {font-weight:normal !important;}

.gen img {max-width: 180px;}
  
#offlineimg {
background-image: url(http://image.noelshack.com/fichiers/2016/20/1463842923-offline.png);
width: 140px; height: 35px;}

.catch_profil { color: #525252; font-family: Tulpen One; font-size: 15px; letter-spacing: 2px; }
.phrase_pro {color: #9c9c9c; font-family: Roboto Condensed; font-size: 9px; letter-spacing: 2px; text-transform: uppercase;}
#beckyy { width: 210px; height: 325px; position: relative; overflow: hidden; text-align: center;}
#beckyy .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; 
  position: absolute; bottom: -170px; width: 180px; margin-left: 14px; opacity: .80 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s; 
  -o-transition-duration: 0.8s; bottom: 10px; }
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #555; }
.fondprofil {background-color: #ede3d1; width : 210px; -webkit-border-radius: 5px; border-radius: 5px;
 border: 3px double #E3D5BC;} 
.profil2 { background: #ffffff; text-align :justify; overflow: auto; margin-top: 3px; padding: 2px;}  
.profil3 {width: 209px;  margin-left: 2px; min-height: 370px!important;}
#online {width: 140px; height: 35px; margin-top: 0px;} 
.postdetails.poster-profile img {
  max-width:197px; margin-left: 2px;}
.postdetails{ color: #75787a; font-size: 10px; font-family: 'Roboto Condensed'; }

.ChampsProfil > span {
   white-space:normal !important;
   font-size:0px; }
.ChampsProfil > span > span {font-size:10px; font-family:roboto condensed;}
.ChampsProfil > span > span:hover {color:#F26F97!important;}
.rang1 {font-family: 'Roboto Condensed', sans-serif; font-size: 8px; letter-spacing: 1px; color: #393737;
  text-transform: uppercase;
border-bottom: 1px solid #; margin-bottom: 2px; padding: 2px;}
.name {background : #ffffff;  width: 196px; -webkit-border-radius: 5px;
border-radius: 5px; padding: 2px; font-size: 18px; font-family: Oswald; letter-spacing: 0px; margin-bottom: 2px; 
  margin-top: 1px;}
/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; font-size: 9px;}
ul.profile_field_list > li {display:inline; font-size: 9px;}
.postdetails.poster-profile span.label {color:#D6B790 !important; font-family:roboto condensed;
  font-weight:lighter; font-size: 9px;}
.postdetails poster-profile {color: #fff;}
.avatar_membre {background : #ede3d1; }

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #cca263;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #bcab4a;
}
::-webkit-scrollbar-thumb:active {
  background: #bcab4a;
}
::-webkit-scrollbar-track {
  background: #fff;
  border: 0px none #fff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #fff;
}
::-webkit-scrollbar-track:active {
  background: #fff;
}
::-webkit-scrollbar-corner {
  background: transparent;}

/************************ MODIFICATIONS DU CORPS DU FORUM CREE PAR PHANTASMAGORIA **********/ 

.sujet_cat {height: 10px; background-color: #fff; font-size: 14px; font-family: 'Roboto Condensed'; letter-spacing: 1px;
text-align: center;}

.postdetails1 { color: #666666; font-size: 12px; font-family: 'Roboto Condensed'; }
.sujet_bloc2 {height: 65px; background : #fbf7ee; width: 200px; 
 border-radius: 5px; -webkit-border-radius: 5px;}
.topictitle {  font-family: Time new roman ; text-transform: uppercase; letter-spacing: 0px; font-size: 13px; text-align: center;
  border-radius: 30px; -webkit-border-radius: 30px; text-shadow: 1px 1px 1px #fff;}
  
.bloc_titre { background : #fbf7ee; width : 410px; height: 60px; border-radius: 5px;
  -webkit-border-radius: 5px;  padding: 3px; }
.lastpost-avatar1 img {
width: 38px; margin-left: 5px;
height: 60px; border: 2px solid #beae4b;
-htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;}
.lastpost-avatar1 img:hover {
border: 2px solid #beae4b;
-htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
 filter: grayscale(100%); -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); 
  opacity: 0.8; /* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;}


/**************************** QEEL PAR EYA **********************/

.fond_qeel {position: relative; width: 750px; height: 450px; background-image: url('http://img11.hostingpics.net/pics/489369qeel.png');}
.statistiques {position: absolute; width: 356px; height: 180px; top : 150px; left: 10px; overflow: auto; text-shadow: 1px 1px 1px #fff;
  line-height: 10px; text-align: justify; }  
.present_qeel {position: absolute; bottom: 110px; left: 15px; width: 350px; height: 70px; overflow: auto; text-align: justify; }
.vingt_connecte {position: absolute; bottom: 100px;  right: 12px; width: 350px; height: 123px; overflow: auto; text-align: justify; }
.credit_qeel {position: absolute; width:350px; height: 83px; top: 145px; right: 25px; text-shadow: 1px 1px 1px #fff;
  line-height: 12px; text-align: justify; font-size: 9px; color: #8f9292;}
.groupes {position: absolute; top: 100px; left: 130px; width: 700px; height: 50px; font-size: 15px;
 font-family: Oswald; text-transform : uppercase; }
.groupes1 {position: absolute; bottom: 20px; left: 190px; width: 700px; height: 50px; font-size: 15px;
 text-transform : uppercase; font-family: Oswald; }
.BACK .row1 {background:none !important;overflow:auto;}


a.mainmenu{font-size: 17px; font-family: Megrim; letter-spacing: -1px; 
  color:#bead4a; !important; text-shadow:1px -1px 0px #fff; font-weight: bold;}
a.mainmenu:hover{letter-spacing: -1px; color:#c99b61;!important; text-shadow:1px -1px 0px #fff;}
a.mainmenu img { display: none; }
#i_logo{width: 550px; height: 600px; margin-top: -600px; background-position:top center;}
body{background-position:top center; background-repeat:no-repeat; background-color: #e3d5bc;}

.bodyline {-moz-box-shadow: 0px 0px 10px 0px #fff; background: #ede3d1;
-webkit-box-shadow: 0px 0px 10px 0px #eaeadc;
-o-box-shadow: 0px 0px 10px 0px #eaeadc;
box-shadow: 0px 0px 10px 0px #eaeadc;  
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e1d6c7, Direction=NaN, Strength=10); }


.espace {position: relative; top: 580px;}
/*BANS ALÉATOIRES*/

.ban1 {background-image: url('http://img15.hostingpics.net/pics/960808gma13.png');}
.ban2 {background-image: url('http://img15.hostingpics.net/pics/735737gma11.png');}
.ban3 {background-image: url('http://img15.hostingpics.net/pics/185780gma12.png');}
.menuespace {margin-top: -50px;}


/*********** CODE DES CATEGORIES ********/

.lastpost-avatar img {
width: 69px;
height: 110px; border: 2px double #d1c78f; padding: 0px; 
   filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px;  }

.lastpost-avatar img:hover {
border: 2px double #d1c78f; padding: 0px; 
    filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%); 
  opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
 filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%); 
  opacity: 0.8;    /* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
 -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;  
  -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;  }
.nav img {max-width:140px;}
.modifcat { background-color : #f4ebdb; width: 750px; padding-bottom: 10px;}
.catégoz{ position : relative ; top : 8px; left: 20px;}
.catégoz h2 { font-size: 30px; font-family: Megrim; letter-spacing: 1px; color:#978a6b;font-weight: lighter;
  text-transform: lowercase; }
.hautcat1 {background: url('http://img15.hostingpics.net/pics/179984hautcat.png') no-repeat; width : 750px ; height : 110px; 
  margin-bottom: -2px; position:relative;left: 0px;}
 
.statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 115px; background-color: #fbf7ee; 
  margin-top: -16px; padding-left: 4px;  padding-right: 4px;  padding-boddom: 4px;}
.descrip_bloc1 {padding-top: 10px; width: 300px; height: 90px; overflow:auto; text-align: justify;  line-height: 12px; padding: 4px; 
margin-left: -5px; font-family: Arial; padding-bottom: 6px; font-size: 10px;}
.statistiques_cat {background-color: #fbf7ee; width: 135px; height: 115px; border-radius: 2px; -webkit-border-radius: 2px;
  margin-top: -7px; margin-left: -5px;}
.stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px;
 font-family: 'Roboto Condensed', sans-serif; 
  font-size: 11px;}

.bascat1 {background: url('http://img15.hostingpics.net/pics/139988bascat1.png') no-repeat; width : 750px ; height : 50px; 
  margin-top: -4px; position:relative;left: 0px;}
.sousfofo {

padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px; 
background-color: #ddcfb4; border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; }
.sousfofo a { overflow: x;
color: #606060; width: 142px!important; display:inline-block; border-collapse: separate; height : 6px;
font-family: Arial; background-color: #fbf7ee; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px; 
  margin-top: 1px;
font-size: 8px; text-transform : lowercase; }

.sousfofo a:hover {
color: #278105;
padding: 2px; font-family: Georgia;
text-shadow: 0px 0px 2px solid #fff; font-size: 9px; text-transform : uppercase; } 

.forumutitre { padding-top: -50px!important;}
.forumtitre a { color: #bead4a; font-size: 18px; font-family: Megrim; letter-spacing: -1px; 
text-transform: uppercase; text-shadow:1px -1px 0px #fff; padding-top: -20px!important; font-weight: bold;
  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */ margin-left: 100px; 
  transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}

.forumtitre a:hover {color:#c99b61 !important; letter-spacing: 0px;}
.stat1 {font-size: 8px; font-family: Georgia; letter-spacing: 0px; color:#8a8a8a; margin-top: 15px; padding-top: 8px;
  text-transform: uppercase; text-shadow:1px -1px 0px #fff; text-align: center; border-top: 1px solid #0C120E; }
.forumdesc1 {text-align: center;  font-size: 10px; padding-top: 15px; }
            /************** FIN DES CODES ********************/

/*-------------------------------------------------------------------------------
DIVERS
-------------------------------------------------------------------------------*/
.nav img {max-width:160px;}
.postbody {text-align:justify; padding:20px 10px 10px 10px; font-family:Tahoma; font-size:12px;}
top {font-size:13px; font-family:roboto condensed;}

.annonces {font-family: Megrim; font-size:23px; text-shadow:1px -1px 0px white; color:#c3b450; text-transform: uppercase;
letter-spacing: 0px; font-weight: boldd;}
.annonces:hover {color: #c99b61!important;}
/*DERNIERE EDITION*/
tr.post span.gensmall {display:none;}

/*LIENS*/
a {text-decoration:none;}
a:link {text-decoration:none; /* Fonctionne déjà sur webkit */
  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; color: #c0b24e;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */
  transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}
a:hover {text-decoration:none !important; color: #c99b61;}
/*BALISES*/
.quote, .spoiler_closed, .spoiler_content {padding:5px; color:#9c9c9c; font-family:Roboto Condensed;
  font-size:12px; overflow:hide; background-color:#fff;}
.code {padding:5px; color:#9c9c9c; font-family:Roboto Condensed;
  font-size:12px; overflow:hide; background-color:#fff!important;}
.selectCode {float:right; text-transform:uppercase; cursor:pointer; font-family:Roboto Condensed;
  font-size:12px; text-shadow:1px -1px 0px white; color:#9c9c9c;}
.hidecode dd {
background:#fff; padding: 5px; }

/*COMPTEUR*/
.word-count {font-weight:normal; font-size:10px; opacity:0.5; color:#5D5D5D; border-top:1px solid #111913;
  margin:4px; text-align:center; text-transform:uppercase;}

/*CHATBOX*/
#chatbox_header .cattitle:before {content:"The boobs on the bus go up and down";}
#chatbox_header .cattitle strong {visibility:hidden;}
body.chatbox {background-color:#fff; background-image:none !important;}
#chatbox_members {border-right:1px solid #F8F2FF; text-decoration:none !important;}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {font-size:11px; text-decoration:none !important;}

/*SMILEYS*/
#sceditor_smilies {background: none repeat scroll 0 0 #F8F2FF;}
#smilies_header {display:none;}

/*EDITEUR*/
/* bordure de l'éditeur */
div.sceditor-container {border:1px solid #F5F5E4;}
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {border-bottom:1px solid #F5F5E4;}
/*---  Groupe de boutons ---*/
div.sceditor-group {background-color:#F5F5E4 !important;}
.sceditor-container iframe, .sceditor-container textarea {color:#5D5D5D !important;}
a.sceditor-button.sceditor-button-youtube {display:none;}

/*BORDURES*/
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {padding:5px 3px 5px 3px;}
.row3Right {border:none !important;}
.thHead {border:none !important;}
.thCornerL, .thCornerR, .thTop {border:none !important;}
.thLeft, .thRight {border-left:none !important; border-right:none !important;}
.catLeft, .catRight {border:none! important;}
.catHead {border:none !important;}
.catBottom {border:none !important;}

/*BOUTON SAUVEGARDER*/
#savec {position:relative;}
.save-bloc {dispay:none; color:#555 !important; font-family:arial; font-size:10px; text-transform:uppercase;
  cursor:point; z-index:999; padding:5px;  border:1px solid #c8e05c;
  background:#F5F5E4 url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none; top:20px; left:0px;
  position:absolute; white-space:nowrap;}
.save-bloc div:hover {color:#050505!important;}
.save-bloc div {cursor: pointer;}
.save-bloc select {background:#ccc; border:1px solid #aaa; margin-bottom:5px;}

/*LES GROUPES*/
BROAD {color:#DF5B27; text-shadow:#fff 1px 1px 1px;}
CENT {color:#9BB023; text-shadow:#fff 1px 1px 1px;}
TIMES {color:#5550d9; text-shadow:#fff 1px 1px 1px;}
WALL {color:#DE4269; text-shadow:#fff 1px 1px 1px;}
COLUM {color:#E7BC1B; text-shadow:#fff 1px 1px 1px;}
DELTA {color:#05A886; text-shadow:#fff 1px 1px 1px;}
LAMBDA {color:#8E1B6A; text-shadow:#fff 1px 1px 1px;}
PSI {color:#CE0E0E; text-shadow:#fff 1px 1px 1px;}
BETA {color:#36B8DA; text-shadow:#fff1px 1px 1px;}

/*-----------------------------------------------------------------------------
TOOLBAR
-----------------------------------------------------------------------------*/
#fa_toolbar, #fa_toolbar_hidden {background-color:#F8F2FF; opacity:0.8; text-decoration:none !important;}
#fa_share_text, #fa_toolbar a {color:#A280BB!important; font-family:arial; font-size:11px !important;}
#fa_share {line-height:15px !important; visibility:hidden;}

#fa_textarea {background-color:#F8F2FF!important;}
ul#fa_menulist :link, ul#fa_menulist :visited {color:#563E66!important;}
ul#fa_menulist :hover:link, ul#fa_menulist :hover:visited {color:#563E66!important;}
#fa_menulist, #notif_list {background-color:#e5dfeb!important; opacity:0.7; border:none !important;}
#fa_usermenu {font-size:10px !important; font-family:arial !important;}

#fa_toolbar #fa_right #notif_list li.unread {color:#A280BB; font-weight:bold !important;}
#notif_list li.see_all {font-weight:bold !important; text-align:center !important;
  background-color:#e5dfeb!important;}

#fa_toolbar #fa_right #notif_list li .contentText :link, #fa_toolbar #fa_right
#notif_list li .contentText :visited {color:#563E66 !important; text-decoration:none !important;}


/*-----------------------------------------------------------------------------
BOTTIN
-----------------------------------------------------------------------------*/
.CERCLE1 {background: #E3D5BC; color:#fff; border-radius:100px; width:60px; 
  height:60px; text-align:center; line-height:60px;
  -webkit-transition-property:color; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in;
  -moz-transition-property:color; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
  transition-property:color; transition-duration:0.5s; transition-timing-function:ease-in;}
.CERCLE1:hover {background-color:#c9b89a; color:#fff;}
.CERCLE2 {background: #c9b89a; color:#fff; border-radius:100px; width:60px; 
  height:60px; text-align:center; line-height:60px;
  -webkit-transition-property:color; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in;
  -moz-transition-property:color; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
  transition-property:color; transition-duration:0.5s; transition-timing-function:ease-in;}
.CERCLE2:hover {background-color:#E3D5BC; color:#fff;}
.bottinn {width:400px; text-align:left; font-family:Roboto Condensed; font-size:13px;
  text-transform:lowercase; padding:0px 0px 0px 50px;}
.bottinn2 {width:450px; text-align:left; font-family:Roboto Condensed; font-size:13px;
  text-transform:lowercase;}
PRE {text-transform:uppercase; font-family:Roboto Condensed; font-size:12px;
  text-shadow:1px -1px 0px white; color:#f3ad1e;}

libre {font-size:12px; text-transform:uppercase; color:#96B614;}
reserve {font-size:12px; text-transform:uppercase; color:#39A0C8;}
pris {font-weight:bold; text-transform:uppercase; font-size:12px;}
pris:hover {color:#56B3DE;}