#i_logo {
  width:800px;
}

.ban1 {
  background-image:url('https://images2.imgbox.com/ac/bf/io8clMSi_o.png');
    background-repeat: no-repeat, repeat-y;
    z-index: 900;
    background-size: 1600px !important;
    background-position: center 30px, bottom center, top center;
  background-attachment: scroll, fixed, fixed;
}


.st_modele a {
  color:#fff;
}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    padding: 2px 3px;
    background: transparent;
}

/* ----------------------------------------------- LISTE DES MEMBRES -------------------------------------------*/

.avatar.mini, .avatar.mini img {
    height: 38px;
    width: 38px;
    object-fit: cover;
}

/* ------------------------------------------------ CHATBOX ------------------------------------------------------ */

#chatbox .cb-avatar>img {
    object-fit: cover;
}

#chatbox_header {
    background-color: #fcefd7;
    border: #fcefd7 1px solid;
    height: 30px;
}

#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
    background-color: #fff;
    border: #fff 1px solid;
}

#chatbox .msg {
    display: block;
    line-height: 11px!important;
    font-size: 11px;
    font-family: verdana;
    margin-top: 4px;
}

body.chatbox {
    background-color: #fcefd7;
    background-image: none;
    margin: 0;
    min-width: 550px!important;
    padding: 0;
}

#chatbox_messenger_form, #chatbox_messenger_form .gen, #chatbox_messenger_form .text-field {
    float: right;
    white-space: nowrap;
    width: 100%;
    font-size: 11px!important;
    color: #a0a0a0;
}

label[for=message] {
    font-size: 11px!important;
    color: #ababab;
}

#chatbox_members .member-title {
    background-color: #fcefd7;
    background-image: none;
    color: #fff;
    font-family: oranienbaum;
    font-size: 15px;
    font-style: italic;
    font-weight: 900;
    padding: .5em .25em;
    text-align: center;
    text-shadow: #ffc072 -1px 1px 0;
    text-transform: uppercase;
}

#chatbox_members {
    border-right: #e7e7e7 1px solid;
    bottom: 30px;
    color: #6b6b6b;
    overflow: auto;
    position: absolute;
    top: 30px;
    width: 180px;
    font-size: 11px;
    font-family: arial;
}

td.catBottom, th.thBottom {
    border-width: 0 1px 1px;
    border: #fff 1px solid;
}

#chatbox {
    bottom: 30px;
    left: 181px;
    line-height: 10px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 30px;
    text-align: justify;
}

#chatbox>p {
    border-bottom: 1px solid #fde1be!important;
}

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
    background-color: #fef7ed;
    padding: 4px;
    font-size: 11px;
}

/* ------------------------------------------------ Sujets ------------------------------------------------------ */

.topictitle {
  font-weight:500!important;
}

.lastpost-avatar img {
    height: 38px;
    object-fit: cover;
    width: 38px;
    border-radius: 0px!important;
}

td.catRight, td.row3Right, th.thRight {
    border-width: 0 0px 0 0;
}

.bodyline {
    background: transparent;
    border: 0px #fff solid;
    width: 800px!important;
    padding: 0px;
}

body {
  margin:0px;
}

/* ------------------------------------------------ PROFIL SIMPLE ------------------------------------------------ */

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC DERNIERE VISITE - SUJETS & MESSAGES UTILISATEUR PROFIL */
.topPFIL {
margin-bottom:10px; padding:10px;
background:#dca876;  /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:middle;
width:550px; height:22px; padding:8px 10px 0;
font-size:10px; text-transform:uppercase; text-align:left; line-height:14px;
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
color:white; /* MODIFIABLE */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin:0 10px;
width:65px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:#b7885a !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:85px; height:22px; padding:8px 10px 0;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(255,255,255,0.7); color:#b7885a !important; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; width:60px; height:320px;
background:#fdefd6; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:block; margin:10px auto 0; max-width:40px; overflow:hidden; text-align:center;
}
.ktactPFIL img {
margin:auto; max-width:40px;
}
.ALPFIL {
height:320px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top;
width:500px; height:300px; padding:10px; overflow-y:auto;
font-size:11px;
background:#fdefd6; color:#656565; /* MODIFIABLE */
  text-align: justify;
}

.abtPFIL img {
  max-width:200px;
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC PSEUDONYME & ADMINISTRATION PROFIL */
.namePFIL {
margin-top:10px;
height:20px; padding:15px;
text-transform:uppercase; text-align:left;
background:#dca876; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:right; margin-top:3px;
font-size:10px; text-align:right; text-transform:uppercase;
color:white; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:#CCC; /* 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;
}

/* ------------------------------------------------ QEEL ------------------------------------------------------ */

    .trans .row1 {
        background-color : transparent;font-size:9px!important; font-family: verdana!important;
        }

.trans a {
  font-size:11px!important;font-family:arial;
}

  .titreqeel {
    text-align: center;
    font-size: 24px;
    font-family: oranienbaum;
    text-transform: uppercase;
    color: #fff;
    text-shadow: #ffa93e -1px 1px 0;
    font-weight: 700;
}
 
  .statsqeel {
    color: #ffc680!important;
    font-family: Oranienbaum, serif;
    font-size: 22px;
    font-style: italic;
    letter-spacing: -2px;
    text-decoration: none;
    text-shadow: -2px 2px 0 #fff;
    text-transform: uppercase;
    font-weight: 700;
}

  .square {
  width: 40px;
  height: 40px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
}

.pic img {
    width: 62px;
    height: 99px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -22px;
}
 
.groupeqeel {
    background-image: url(https://images2.imgbox.com/6c/f5/A0YR3bOX_o.png);
    color: #777;
    font-family: Oranienbaum, serif;
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    padding: 3px;
    text-align: center;
    text-shadow: #fff -2px 2px 0;
    text-transform: uppercase;
    width: 760px;
}
 
  .groupeqeel a {
  text-decoration:none;
  }
 
  .groupepnj {
  color:#595959!important;
  }
 
    .groupebr {
  color:#7F8C80!important;
  }
 
    .groupebon {
  color:#97B06A!important;
  }
 
    .groupegm {
  color:#456322!important;
  }
 
    .groupelmw {
  color:#B39B00!important;
  }
 
    .groupelms {
  color:#E08961!important;
  }
 
  .groupewoa {
  color:#EBB659!important;
  }

/* ------------------------------------------------ PAGE D'ACCUEIL -------------------------------------------- */

#fa_notepad {
    background: #FFF;
    border: 1px solid #fde9a7;
    color: #777777;
    display: block;
    font-family: arial;
    font-size: 10px!important;
    height: 168px!important;
    margin: 0 auto!important;
    outline: none;
    overflow: hidden;
    overflow-y: auto;
    padding: 3px;
    resize: none;
    width: 185px!important;
}

.liste1 a {
    color: #ffb549;
    font-family: Oranienbaum, serif;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: #fff -2px 1px 0;
    text-transform: uppercase;
    transition: all .5s ease;
}
 
  .liste1 a:hover, .liste2 a:hover {
  margin-left:10px;
  transition: all 0.5s ease;

  }
 
.liste2 a {
    color: #d1c67e;
    font-family: Oranienbaum, serif;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: #fff -2px 1px 0;
    text-transform: uppercase;
    transition: all .5s ease;
}
 
  .liste1 {
  background-color:#fde1be21;
  }
 
    .liste2 {
  background-color:#c9be6124;
  }

.welcomepa {
    color: #fff;
    font-family: oranienbaum;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-shadow: #ffbf70 -1px 1px 0;
    text-transform: uppercase;
}
 
.pseudopa {
    color: #fff;
    font-style: italic;
    text-shadow: #a99f35 -1px 1px 0;
}

/* ------------------------------------------------ PROFILS --------------------------------------------------- */

hr {
    border: solid #fce0bd 0;
    border-top-width: 1px;
    height: 0;
}

.messageheader {
    background-color: #fff3e1;
    border: #fff 3px solid;
    outline: 1px solid #ffce85;
    padding: 3px;
    text-align: center;
}

.datemessage {
  float:right;font-size:10px;
}

.profile_fields .profil_field { display: none;text-align:justify;background: #f6f6f4; width:190px!important;}
.profile_fields2 img .profil_field2 img { max-width: 180px; height: auto; transition: all 1s ease-in-out; }
    /* champ info */  .profile_fields1 .profil_field1:nth-child(-n+13) { display:block; text-align:justify;padding:2px;background: #fce0bd30;border-bottom: #fff 1px solid;}
    /* champ info */  .mCS_img_loaded img { height:auto;width:auto; }
    /* champ info */  .profile_fields1 .profil_field1:nth-of-type(odd) { display:block; text-align:justify;padding:2px;background: #fffdf77a;border-bottom: #ffffff 1px solid;}
    /* champ info */  .profile_fields1 .profil_field1:nth-child(n+15) { display: none; }
    /* champ gif */ .profile_fields2 .profil_field2:nth-child(-n+14) { display: none; }
    /* champ gif */ .profile_fields2 .profil_field2:nth-child(n+16) { display: none; }
    /* champ free text */  .profile_fields3 img .profil_field3 img { max-width: 180px; height: auto; }
    .mCS_img_loaded img { max-width: 200px; max-height: auto; transition: all 1s ease-in-out; }
    /* champ free text */  .profile_fields3 .profil_field3:nth-child(-n+15) { display: none; }
    /* champ free text */  .profile_fields3 .profil_field3:nth-child(n+17) { display: none; }
    /* champ verified */  .profile_fields4 .profil_field4:nth-child(-n+16) { display: none; }

.rangprofils {
    background-image: url(https://images2.imgbox.com/16/66/TeCZAj46_o.png);
    border: 3px solid #fff;
    color: #868686;
    font-family: arial;
    font-size: 10px;
    line-height: 9px;
    outline: 1px solid #ffce85;
    padding: 5px;
    text-align: center;
    width: 190px;
}

.avatar_profil {
    background-image: url(https://images2.imgbox.com/3c/7e/vhcL192B_o.png);
    height: 320px;
    outline: 1px solid #ffce85;
    padding: 3px;
    width: 200px;
}
 
  .infobulle {
  position:relative;
  display:inline-block;
  width:30px;
  height:200px;
  vertical-align: middle;
  margin-top: 0px;
  margin-left: 0px;
  }
 
  .infobulle img{
  height:320px;
  width:200px;
  }
 
  .infobulle .contact {
  position:absolute;
  top:-50px;
  left:180px;
  z-index:2;
  width:30px;
  height:200px;
  opacity:0;
  visibility: hidden;
  transition: .5s ease;
  }
 
  .infobulle:hover .contact {
  opacity:1;
  visibility: visible;
  transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transition: 1.5s ease;
  }
 
  .contact img {
  width:25px;
  height:25px;
  }
   
.gif_profil {
    background-color: #fff3e1;
    border: #fff 3px solid;
    outline: 1px solid #ffce85;
    padding: 5px;
    width: 190px;
}
   
        .gif_profil img {
    width:190px;
    }
   
.cadre_profil {
    background-color: #fff3e1;
    border: #fff 3px solid;
    color: #868686;
    font-family: arial;
    font-size: 10px;
    line-height: 9px;
    outline: 1px solid #ffce85;
    padding: 5px;
    text-align: justify;
    width: 190px;
}
   
.cadre2_profil {
    background-color: #fff3e1;
    border: #fff 3px solid;
    color: #868686;
    font-family: arial;
    font-size: 10px;
    line-height: 9px;
    min-height: 200px;
    outline: 1px solid #ffce85;
    padding: 5px;
    text-align: justify;
    width: 190px;
}
   
    .cadre2_profil img {
    max-width:190px;
    }
   
.groupe_profil {
    color: #ffffff;
    font-family: Oranienbaum, serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: center;
    text-orientation: upright;
    text-shadow: #ffffff -1px -1px 0;
    text-transform: uppercase;
    writing-mode: vertical-rl;
}

/* ------------------------------------------------ CATÉGORIES ------------------------------------------------ */

.secondarytitle, .secondarytitle h2 {
    color: #ffffff;
    display: inline;
    font-family: Oranienbaum, serif;
    font-size: 13px;
    height: 10px;
    letter-spacing: -1px;
    text-orientation: upright;
    text-shadow: #f5a542 -1px -1px 0;
    text-transform: uppercase;
    white-space: nowrap;
    writing-mode: vertical-lr;
}

.secondarytitle, .secondarytitle h2:hover {
    color: #ffac46;
    font-family: Oranienbaum, serif;
    font-size: 13px;
    height: 10px;
    letter-spacing: -1px;
    text-orientation: upright;
    text-shadow: #fff -1px -1px 0;
    text-transform: uppercase;
}

.secondarytitle h2 {
    margin-top: 20px;
}

.forumlink {
font-size: 24px;
font-weight: 400;
}

.fond_cat {
    background-image: url(https://images2.imgbox.com/a0/42/tWbEtIaU_o.png);
    height: 100px;
    left: 0;
    position: relative;
    top: 0;
    width: 770px;
}
   
.desc_cat {
    position: absolute;
    top: 6px;
    left: 8px;
    width: 255px;
    height: 85px;
    font-family: arial;
    font-size: 10px;
    line-height: 9px;
    text-align: justify;
    overflow: auto;
      color:#777777;
}
   
.titre_cat a {
    color: #ffbe6c!important;
    font-family: Oranienbaum, serif;
    font-size: 22px;
    font-style: italic;
    left: 266px;
    letter-spacing: -2px;
    position: absolute;
    text-decoration: none;
    text-shadow: -2px 2px 0 #ffffff;
    text-transform: uppercase;
}

.titre_cat a:hover {
  color:#c9be61!important;
}
   
.sf_cat {
    text-align: center;
    font-size: 10px;
    font-family: arial;
    width: 200px;
    position: absolute;
    top: 28px;
    left: 277px;
}

.sf_cat a {
      color:#c1b86f;
}

.sf_cat a:hover {
      color:#cab825;
}
   
.sm_cat {
    position: absolute;
    top: 75px;
    left: 269px;
    text-align: center;
    color: #777777;
    font-size: 10px;
    font-family: arial;
    width: 218px;
    height: 21px;
}
   
.nmb_cat {
    color: #d88436;
      }
   
.av_cat img {
    width: 52px;
    height: 85px;
    position: absolute;
    top: 8px;
    left: 493px;
  filter: brightness(1.2) grayscale(1) opacity(0.7);
}
   
.lastpost_cat {
    width: 200px;
    font-family: arial;
    font-size: 10px;
    position: absolute;
    left: 553px;
    top: 7px;
    text-align: center;
          color: #777777;
}
   
.img_cat {
    position: absolute;
    left: 552px;
    top: 46px;
}

/* ------------------------------------------------ MODELE PRESENTATION ------------------------------------------------ */

.titre2_modele {
    color: #eaa45f;
    font-family: 'Beth Ellen', cursive;
    font-size: 17px;
    text-transform: initial;
    letter-spacing: 1px;
}

.champ1 {
  background: #fffdf77a;border-bottom: #fff 1px solid;padding: 2px;text-align: justify;
}

.champ2 {
    background: #cdc67914;
    border-bottom: #fff 1px solid;
    padding: 2px;
    text-align: justify;
}

.champ_pres br {display:none;}

 .avatar_pres {border:2px solid #fff;outline: #fdc3c6 1px solid;}

.avatar2_pres {float:left;width:40px;height:40px;padding-right:5px;object-fit:cover;}

/* ------------------------------------------------ MODELE & ONGLET ------------------------------------------------ */

div.tab-frame .tab-button {
    background: #eacca5;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-family: verdana;
    font-size:10px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 2px 5px;
}

div.tab-frame .tab-active {
    background: #daa678;
    font-size:10px;
    color: #fff;
    cursor: default;
    font-family: verdana;
    font-weight: 700;
}

.st_modele {
    background-color: #eacca5;
    color: #fff;
    font-weight: 400;
    padding-left: 13px;
    padding-right: 13px;
}
 
.fond_modele {
    background-color: #fce0bd;
    border: #fce0bd 1px solid;
    outline: 1px solid #fff;
    padding: 10px;
    width: 420px;
}
 
.texte_modele {
    background-color: #fff5e5;
    border: #fce0bd 1px solid;
    color: #777;
    font-family: verdana;
    font-size: 11px;
    line-height: 12px;
    padding: 10px;
    text-align: justify;
    width: 400px;
}
 
.titre_modele {
    color: #d0c46f;
    font-family: Oranienbaum, serif;
    font-size: 28px;
    font-style: italic;
    letter-spacing: -3px;
    position: relative;
    text-align: center;
    text-shadow: -2px 2px 0 #fff;
    text-transform: uppercase;
    width: 420px;
    z-index: 99;
}

/* ------------------------------------------------ TOOLBAR ------------------------------------------------ */

a.mainmenu {
    color: #c9be61;
    font-size: 14px;
    text-shadow: -1px 1px 0 #ffffff;
}

.menubarre {
    background-color: #fef4e6;
    border-bottom: #fff 2px solid;
    font-family: Oranienbaum, serif;
    font-size: 20px!important;
    padding-bottom: 5px;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 800px;
    z-index: 999;
}

#fa_toolbar #fa_right #notif_list li a.delete {
    background: transparent url(https://2img.net/i/fa/i/toolbar/toolbar.png) no-repeat -275px 60%;
    float: right;
    height: 17px;
    width: 20px;
}

.encadretoolbar {
    background-color: #fff9f0;
    font-family: arial;
    font-size: 10px;
    height: 54px;
    left: 85px;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 2px;
    width: 138px;
}

.lientoolbar {
    color: #c74786;
    font-weight: 600;
    left: 24px;
    position: absolute;
    top: 26px;
    z-index: 999;
}

#fa_toolbar #live_notif .fa_notification {
    background-color: #c8bc5d;
    border-radius: 100px;
    left: 148px;
    opacity: 1;
    padding: 10px;
    position: absolute;
    width: 239px;
    top: 5px;
    text-align: center;
}

#fa_toolbar #fa_right #notif_list {
    background-color: #ffc071;
    border: 0px solid #ffc071;
    font-size: 11px;
    list-style-type: none;
    position: absolute;
    top: 30px;
    left: -2px!important;
    z-index: 999;
    width: 330px;
}

#fa_toolbar #fa_right #notif_list li.unread {
    background-color: #c8bc5d;
    font-weight: 700;
}

#fa_toolbar #fa_right #notif_list li .content {
    color: inherit!important;
    display: block;
    line-height: inherit!important;
    overflow: hidden;
    vertical-align: top;
    width: 30em;
    width: 319px;
}

#fa_toolbar #fa_right #notif_list li .contentText a {
    color: #fff!important;
    text-decoration: none!important;
    vertical-align: baseline;
    font-family: verdana;
}

#fa_toolbar #fa_right #notif_list li .contentText {
    float: left;
    height: 2.4em;
    overflow: hidden;
    width: 27em;
    font-size: 10px;
    color: #5a5a5a;
}

#fa_toolbar #fa_right #notif_list li.see_all {
    background-color: #c8bc5d;
    color: #fff;
    padding: .7em!important;
    text-align: right;
}

#fa_left {display: none!important;}

/* BORDURE AVATAR */

.avaSIT {
    border-color: #fff9f0;
    border-image: initial;
    border-style: solid;
    border-width: 2px;
    height: 70px;
    left: 7px;
    overflow: hidden;
    position: fixed;
    top: 2px;
    width: 70px;
    z-index: 9000!important;
}
 
  @media screen and (max-width: 1200px) {
  .avaSIT {
  z-index: 9000!important;
  }
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}

a, a:hover, a:link {text-decoration: none!important;}

#fa_toolbar {
    background-color: transparent!important;
    height: 10px;
}

#fa_right {
    background-color: #c8bc5d;
    border: 2px solid #f0f0f0;
    float: left;
    font-size: 10px;
    width: 232px;
    left: 7px;
    position: absolute;
    top: 80px;
    z-index: 9999px!important;
}

/* MENU USER */
#fa_menulist :link, #fa_menulist :visited {
    color: #ffffff!important;
}

#fa_right.welcome #fa_menu #fa_welcome {
    background-color: #ffc071;
    color: #fff;
    font-style: italic;
}

#fa_menulist {
    background-color: #ffc071;
    border: 0;
    border-top: 0 solid #FFF;
    line-height: 10px;
    list-style-type: none;
    margin: 0;
    min-width: 211px!important;
    padding: 11px;
    position: absolute;
    width: 204px;
    z-index: 999;
}

#fa_usermenu {
  display:none;
}

/* MENU NOTIF */

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
    background-color: #ffc071!important;
    color: #fff;
    font-style: italic;
}

/* ------------------------------------------------ RESEAU SOCIAL ------------------------------------------------ */


/****************************************
TINDER
*****************************************/

.tinder_chatnow { border:#72724b 1px solid;background: -webkit-linear-gradient(#eceb78,#bdbc48);width:150px;height:15px;color:#72724b;text-shadow:#fff 1px 1px 0px; }

.tinder1 { width: 402px; min-height: 620px; background-color: #fff; padding: 20px;  border: solid 1px #efefef; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder2 { width: 402px; min-height: 620px; background-color: #fff; overflow: auto; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.tinder2::-webkit-scrollbar { width: 0px; }

.tinderimg img { object-fit:cover;width: 300px; height: 300px; border-radius: 10px 10px 0px 0px; border-top: solid 1px #d9d9d9; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; margin-top: 8px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder3 { padding: 16px 14px; width: 272px; height: 20px; border-radius: 0px 0px 10px 10px; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tindername { font-family: 'raleway'; font-size: 16px; font-weight: 400; color: #424242; text-transform: none; text-align: left; line-height: 100%; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tindername b { font-weight: 600; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderbottom { width: 282px; height: 3px; border-radius: 0px 0px 10px 10px; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderbottom2 { width: 266px; height: 3px; border-radius: 0px 0px 10px 10px; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderbuttons { opacity: 1; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.tinder1:hover .tinderimg { object-fit:cover;margin-top: -50px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderimg img { object-fit:cover;border-radius: 0px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinder3 { border-radius: 0px; border: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbottom { display: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbottom2 { display: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbuttons { display: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tindername { font-size: 18px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.tinderdesc { padding: 0px 14px 14px 14px; width: 272px; font-family: 'raleway'; font-weight: 400; font-size: 12px; color: #777; line-height: 110%; text-align: left; text-transform: none; display: none; border-bottom: 1px solid #ebebeb; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderinsta { padding: 10px 14px; width: 272px; font-family: 'raleway'; font-weight: 600; font-size: 10px; color: #424242; text-align: left; text-transform: none; display: none; border-bottom: 1px solid #ebebeb; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tindertb td { padding: 0px 8px 8px 0px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tindertb td img { object-fit:cover;width: 85px; height: 85px; border-radius: 10px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderinterest { padding: 10px 14px; width: 272px; font-family: 'raleway'; font-weight: 600; font-size: 10px; color: #424242; text-align: left; text-transform: none; display: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderint { color: #fa6c68; border: solid 1px #fa6c68; padding: 6px; text-align: center; display: none; text-transform: none; font-family: 'raleway'; font-weight: 300; border-radius: 4px; margin-right: 4px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.tinder1:hover .tinderdesc { display: inherit; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderinsta { display: inherit; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderinterest { display: inherit; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderint { display: inline-block; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.tinderlike {width:200px;height:200px;object-fit:cover;} .tinderlike img {object-fit:cover;} .icon {margin-top:-40px;}

.tinder-superlike {background-color: #30b2ca;padding: 10px;width: 180px;border-top: 7px solid #2494aa;color:#fff;font-family:verdana;text-align:left;}

.tinder-like {background-color: #46b577;padding: 10px;width: 180px;border-top: 7px solid #63dd99;color: #fff;font-family: verdana;text-align: left;}

.tindermatch img {width:200px;height:200px;object-fit:cover;} .icon {margin-top:-40px;}

.tinder-match {background-color: #ff694e;padding: 10px;width: 180px;border-top: 7px solid #ff8f7b;color: #fff;font-family: verdana;text-align: left;}

.tinder-match a {color: #fff;text-shadow: #ff694e 1px 1px 0px;background-color: #ff8f7b;padding: 3px;border: #ff5030 1px solid;}

/****************************************
CONNECTUS
*****************************************/

.CU_date {
  float:left;font-size:8px;padding-right:10px;text-transform:uppercase;color:#a5a5a5;
}

  .CU_background_commentaire {
  width:500px;
  min-height:200px;
  padding:10px;
  border-radius:0px 0px 3px 3px;
  border-top:5px white solid;
  background-color:#e38986;
  }

  .CU_profile_username_commentaire {
  font-size:20px;
  font-family: 'Bebas Neue', cursive;
  color:white;
  }

  .CU_status_img_commentaire {
  width:90px;
  height:90px;
  background-size:cover;
  border-radius:100px;
  border:white 3px solid;
  }

  .CU_profile_cover {
  width:520px;
  height:150px;
  background-size:cover;
  border-radius:3px 3px 0px 0px;
  }
 
  .CU_background {
  width:500px;
  min-height:200px;
  padding:10px;
  border-radius:0px 0px 3px 3px;
  border-top:5px white solid;
  }
 
  .CU_profile_img {
  width:90px;
  height:90px;
  background-size:cover;
  border-radius:100px;
  border:white 3px solid;
  margin-top:-80px;
  }
 
  .CU_profile_username {
  font-size:20px;
  font-family: 'Bebas Neue', cursive;
  color:white;
  }
 
  .CU_profile_description {
  text-align:justify;
  color:#595959;
  font-size:10px;
  line-height:10px;
  font-family:arial;
  padding:10px;
  background-color:#ffffff;
  width:350px;
  height:73px;
  border-radius:3px;
  overflow:auto;
  }
 
  .CU_profile_menu {
  text-align:justify;
  color:#333333;
  font-size:11px;
  font-family:arial;
  padding:10px;
  background-color:#ffffff;
  width:100px;
  height:320px;
  border-radius:3px;
  }
 
  .CU_profile_count {
  font-size:10px;
  font-family:arial;
  color:white;
  }
 
  .CU_profile_image {
  border:#fff 10px solid;
  width:100px;
  height:100px;
  background-size:cover;
  border-radius:3px;
  }
 
  .CU_profile_image img {
  width:100px;
  height:100px;
  }

.CU_background {
  width:500px;
  min-height:200px;
  background-color:#cac0c5;
  padding:10px;
  border-radius:0px 0px 3px 3px;
  border-top:5px white solid;
  }
 
  .CU_status_img {
  width:90px;
  height:90px;
  background-size:cover;
  border-radius:100px;
  border:white 3px solid;
  margin-top:-40px;
  }
 
  .CU_profile_username {
  font-size:20px;
  font-family: 'Bebas Neue', cursive;
  color:white;
  }
 
  .CU_status_description {
  text-align:justify;
  color:#595959;
  font-size:10px;
  line-height:10px;
  font-family:arial;
  padding:10px;
  background-color:#ffffff;
  width:350px;
  min-height:73px;
  border-radius:0px 0px 3px 3px;
  overflow:auto;
  }
 
  .CU_status_image {
  border:10px solid white;
  border-radius: 3px 3px 0px 0px;
  }

/* ------------------------------------------------ MESSAGES ------------------------------------------------ */

it {
    color: #dead65;
    font-family: verdana!important;
    font-style: italic;
}

g {
    color: #cab217;
    font-family: verdana;
    font-weight: 600;
}

g2 {
    font-weight: 700;
    color: #d29552;
}

g3 {
    font-weight: 700;
    color: #e2b433;
}

g4 {
    color: #908d60;
    font-weight: 700;
}

sl {
    border-bottom: #81776e 1px solid;
    color: #a3ab7a;
}

.postbody {
    color: #868686;
    font-size: 11px;
    line-height: 12px;
    padding: 12px;
    text-align: justify;
    background-color: #fff3e1;
    border: #fff 2px solid;
    outline: #ffce85 1px solid;
}

.quote {
    background-color: #e0dcd9;
    color: #656565;
    font-family: verdana;
    font-size: 11px;
    line-height: 12px;
    padding: 10px;
}

.codebox dd {
    background-color: #fff8ed;
    border: #fff 2px solid;
    color: #909090;
    max-width: 450px;
    outline: #fce0bd 1px solid;
}

.selectCode {
    float: right;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 8px;
    cursor: pointer;
}

.code {
    color: #656565;
    font-family: verdana;
    font-size: 11px;
    padding: 10px;
}

.spoiler_content img {
    width: 330px;
}

.spoiler_content {
    background-color: #fff8ed;
    color: #909090;
    display: block;
    font-family: verdana;
    font-size: 11px;
    line-height: 12px;
    padding: 10px;
}

.hidecode dd {
    white-space: normal;
    padding: 10px;
}


/* ------------------ ALERTE TEMPS RÉEL ------------- */

.realTime_alert{
    background: #fff3e1 no-repeat 10px center;
    border: #fff 2px solid;
    outline: #ffce85 1px solid;
-webkit-background-size:50px;
  -moz-background-size:50px;
    -o-background-size:50px;
        background-size:50px;
position:fixed;
top:50px;
right:20px;
min-height:60px;
width:200px;
padding:10px;
    color: #868686;
    font-family: verdana;
    text-align: justify;
    font-size: 11px;
  line-height: 11px;
}
.realTime_alert b {
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 15px;
    color: #ffbb65;
    text-shadow: #fff -1px 1px 0px;
    font-family: Oranienbaum, serif;
    text-transform: uppercase;
}
.realTime_alert .close{
position:absolute;
right:10px;
top:5px;
font-size:15px;
-webkit-border-radius:50px;
  -moz-border-radius:50px;
        border-radius:50px;
height:16px;
width:16px;
text-align:center;
line-height:13px;
cursor:pointer;
}
.realTime_alert .close:hover{
color:#FFF;
background:#666;
}
#ebtzd .tooltip{
opacity:0;
position:relative;
overflow:visible;
z-index:100!important;
display:inline-block;
top:5px;
-webkit-transition-duration:500ms;
  -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
        transition-duration:500ms;
background:rgba(0, 0, 0, .8);
padding:10px;
-webkit-border-radius:3px;
  -moz-border-radius:3px;
        border-radius:3px;
font-family:Helvetica;
letter-spacing:1px;
font-size:13px;
width:300px;
color:#fff;
}