TEMPLATES V3

Date d'inscription : 15/04/2020

css bannière fond

Code:: #i_logo {
width: 800px;
}

.st_modele a {
color:#fff;
}

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

/* ----------------------------------------------- GENERAL ----------------------------------------------- */

body {
background-size: auto;
background-position: center top, bottom center, top center;
background-repeat: no-repeat, no-repeat, no-repeat;
}

.ban1 {
background-image: url('https://images2.imgbox.com/22/fd/Y4cWWta8_o.png');
background-repeat: no-repeat, repeat-y;
z-index: 900;
background-size: 1995px !important;
background-position: center 0px, bottom center, top center;
background-attachment: scroll, fixed, fixed;
}

/* ----------------------------------------------- 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 {
width: 800px!important;
padding: 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 ------------------------------------------------------ */

.qeel_fond {
background-color: #d7c4c1;
border: #a57181 1px solid;
height: 377px;
outline: #fff 1px solid;
padding: 1px;
width: 770px;
}

.case1_qeel {
background-color: #ffffff;
height: 60px;
padding: 3px;
font-size: 10px;
font-family: arial;
color: #777;
text-align: center;
}

.case2_qeel {
background-color: #ffffff;
height: 150px;
padding: 3px;
font-size: 11px;
font-family: arial;
color: #777;
text-align: justify;
}

.case3_qeel {
background-color: #ffffff;
height: 75px;
padding: 3px;
font-size: 10px;
font-family: arial;
color: #777;
text-align: justify;
}

.case4_qeel {
background-color: #fff;
color: #777;
font-family: arial;
font-size: 11px;
height: 179px;
padding: 3px;
}

.derniermembre_qeel {
background-image: url(https://nsa40.casimages.com/img/2020/06/01/200601111729476165.png);
color: #777;
font-family: arial;
font-size: 10px;
height: 61px;
padding: 3px;
}

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

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

.titreqeel {
color: #824f5f;
font-family: 'Pirata One', cursive;
text-transform: lowercase;
font-size: 24px;
font-weight: 700;
text-align: center;
text-shadow: #fff 1px 1px 0;
}

.statsqeel {
color: #b4795c !important;
font-family: 'Pirata One', cursive;
text-transform: lowercase;
font-size: 22px;
font-weight: 700;
text-shadow: -2px 2px 0 #fff;
}

.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://nsa40.casimages.com/img/2020/06/01/200601111729476165.png);
color: #777;
font-family: 'Pirata One', cursive;
text-transform: lowercase;
font-size: 16px;
font-weight: 700;
height: 20px;
padding: 3px;
text-align: center;
text-shadow: #fff 1px 1px 0;
width: 760px;
}

.groupeqeel a {
text-decoration:none;
}

.groupepnj {
color:#000!important;
}

.groupebr {
color: #674A49 !important;
}
.groupebon {
color: #CB947D !important;
}
.groupegm {
color: #D4B79B !important;
}

.groupelmw {
color: #C79C32 !important;
}
.groupelms {
color: #A96766 !important;
}
.groupewoa {
color: #AB8298 !important;
}

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

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

.liste1 a {
color: #b4795c;
font-size: 14px;
font-weight: 500;
text-decoration: none;
text-shadow: #fff 1px 1px 0;
font-family: 'Pirata One', cursive;
text-transform: lowercase;
transition: all .5s ease;
letter-spacing:1px;
}

.liste1 a:hover, .liste2 a:hover {
margin-left:10px;
transition: all 0.5s ease;

}

.liste2 a {
color: #ad8222;
font-size: 14px;
font-weight: 500;
text-decoration: none;
text-shadow: #fff 1px 1px 0;
font-family: 'Pirata One', cursive;
text-transform: lowercase;
transition: all .5s ease;
letter-spacing:1px;
}

.liste1 {
background-color: #d2b2b357;
}

.liste2 {
background-color: #e1cfd53d;
}

.welcomepa {
color: #824f5f;
font-family: 'Pirata One', cursive;
text-transform: lowercase;
font-size: 24px;
font-weight: 700;
text-align: center;
text-shadow: #fff -1px 1px 0;
}

.pseudopa {
color: #fff;
font-style: italic;
text-shadow: #824f5f -1px 1px 0;
}

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

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

.messageheader {
background-color: #fff;
border: #d7c4c1 3px solid;
outline: 1px solid #a57181;
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: #e1cfd53d;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: #d2b2b357;border-bottom: #ffffff 1px solid;}
/* champ info */ .profile_fields1 .profil_field1:nth-child(n+16) { display: none; }
/* champ gif */ .profile_fields2 .profil_field2:nth-child(-n+15) { display: none; }
/* champ gif */ .profile_fields2 .profil_field2:nth-child(n+17) { 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+16) { display: none; }
/* champ free text */ .profile_fields3 .profil_field3:nth-child(n+18) { display: none; }
/* champ verified */ .profile_fields4 .profil_field4:nth-child(-n+17) { display: none; }

.rangprofils {
background-image: url(https://nsa40.casimages.com/img/2020/06/02/200602022414903126.png);
border: 3px solid #d7c4c1;
color: #777;
font-family: arial;
font-size: 10px;
line-height: 9px;
outline: 1px solid #a57181;
padding: 5px;
text-align: center;
width: 190px;
}

.avatar_profil {
background-image: url(https://nsa40.casimages.com/img/2020/06/02/20060202241550638.png);
height: 320px;
outline: 1px solid #a57181;
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: #fff;
border: #d7c4c1 3px solid;
outline: 1px solid #a57181;
padding: 5px;
width: 190px;
}

.gif_profil img {
width:190px;
}

.cadre_profil {
background-color: #fff;
border: #d7c4c1 3px solid;
color: #777;
font-family: arial;
font-size: 10px;
line-height: 9px;
outline: 1px solid #a57181;
padding: 5px;
text-align: justify;
width: 190px;
}

.cadre2_profil {
background-color: #fff;
border: #d7c4c1 3px solid;
color: #8a8a8a;
font-family: arial;
font-size: 10px;
line-height: 9px;
min-height: 200px;
outline: 1px solid #a57181;
padding: 5px;
text-align: justify;
width: 190px;
}

.cadre2_profil img {
max-width:190px;
}

.groupe_profil {
color: #fff;
font-family: 'Pirata One', cursive;
font-size: 23px;
font-weight: 600;
letter-spacing: -1px;
text-align: center;
/* text-orientation: upright; */
text-shadow: #fff 1px 1px 0;
text-transform: lowercase;
/* writing-mode: vertical-rl; */
}

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

.titrecat1 { /* section staff */
background-image:url('https://images2.imgbox.com/42/27/pwXuiCPd_o.png');height:50px;width:770px;position:relative;top:0px;display:none;left: 13px;
}

.titrecat2 { /* administration */
background-image:url('https://images2.imgbox.com/49/9d/WMeZZVkn_o.png');height:50px;width:770px;position:relative;top:0px;display:none;left: 13px;
}

.titrecat3 { /* preparation du jeu */
background-image:url('https://images2.imgbox.com/86/90/RRvSEWIX_o.png');height:50px;width:770px;position:relative;top:0px;display:none;left: 13px;
}

.titrecat4 { /* los angeles */
background-image:url('https://images2.imgbox.com/32/80/ycAtjBvy_o.png');height:50px;width:770px;position:relative;top:0px;display:none;left: 13px;
}

.titrecat5 { /* subconscient */
background-image:url('https://images2.imgbox.com/fc/26/g6f713S1_o.png');height:50px;width:770px;position:relative;top:0px;display:none;left: 13px;
}

.titrecat6 { /* communication */
background-image:url('https://images2.imgbox.com/13/71/ndFPCESb_o.png');height:50px;width:770px;position:relative;top:0px;display:none;left: 13px;
}

.titrecat7 { /* section cafe */
background-image:url('https://images2.imgbox.com/e7/da/nlTLoqJJ_o.png');height:50px;width:770px;position:relative;top:0px;display:none;left: 13px;
}

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

.fond_cat {
background-image: url(https://images2.imgbox.com/3f/05/HbVSyew4_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 {
-webkit-background-clip: text!important;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(#fffffe,#ece6bb);
font-family: 'Pirata One', cursive;
font-size: 17px;
font-weight: 700;
left: 271px;
position: absolute;
text-align: left;
text-decoration: none;
text-transform: lowercase;
top: 0px;
width: 170px;
}

.titre_cat a:hover {
background: -webkit-linear-gradient(#a88a54,#f5e1b7);
}

.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: #44782e;
}

.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: #ad8222;
font-family: UnifrakturMaguntia;
font-size: 32px;
letter-spacing: 1px;
text-transform: lowercase;
}

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

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

.champ_pres br {display:none;}

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

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

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

div.tab-frame .tab-button {
background: #d7c4c1;
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: #824f5f;
color: #fff;
cursor: default;
font-family: verdana;
font-size: 10px;
font-weight: 700;
}

.st_modele {
background-color: #d7c4c1;
color: #fff;
font-weight: 400;
padding-left: 13px;
padding-right: 13px;
}

.fond_modele {
background-color: #a57181;
border: #824f5f 1px solid;
outline: 1px solid #fff;
padding: 10px;
width: 420px;
}

.texte_modele {
background-color: #fff;
border: #824f5f 1px solid;
color: #777;
font-family: verdana;
font-size: 11px;
line-height: 12px;
padding: 10px;
text-align: justify;
width: 400px;
}

.titre_modele {
color: #60303f;
font-family: 'Pirata One', cursive;
text-transform: lowercase;
font-size: 28px;
position: relative;
text-align: center;
text-shadow: -2px 2px 0 #fff;
width: 420px;
z-index: 99;
}

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

a.mainmenu {
color: #60303f;
font-size: 14px;
text-shadow: -1px 1px 0 #ffffff;
font-weight: 700;
}

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

.menubarre {
background-color: #c7c5c7;
outline: #fff 1px solid;
border: #a57181 1px solid;
font-family: vogue;
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: #c7c5c7;
font-family: arial;
font-size: 10px;
height: 54px;
left: 85px;
padding: 10px;
position: fixed;
text-align: center;
top: 2px;
width: 138px;
}

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

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

#fa_toolbar #fa_right #notif_list {
background-color: #a57181;
border: 0 solid #a57181;
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: #d7c4c1;
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: #d7c4c1;
color: #fff;
padding: .7em !important;
text-align: right;
}

#fa_toolbar #fa_right .fa_separator {

background-color: #dce6e2;
height: 1px;
margin: 0;
padding: 0;
text-align: center;
width: 90%;

}

#fa_left {display: none!important;}

/* BORDURE AVATAR */

.avaSIT {
border-color: #c7c5c7;
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: #a57181;
border: 2px solid #a57181;
float: left;
font-size: 10px;
left: 7px;
position: absolute;
top: 80px;
width: 232px;
z-index: 9999px !important;
}

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

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

#fa_menulist {
background-color: #D7C4C1;
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
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: #d7c4c1 !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: #b4795c;
font-family: verdana !important;
font-style: italic;
}

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

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

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

g4 {
color: #b7a5a3;
font-weight: 700;
}

sl {
border-bottom: #824f5f 1px dashed;
color: #de9a9d;
}

.fond_message {
background-color: #fff;
border: #d7c4c1 2px solid;
color: #8a8a8a;
font-size: 11px;
line-height: 12px;
outline: #a57181 1px solid;
padding: 12px;
text-align: justify;
}

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

.codebox dd {
background-color: #fff;
border: #d7c4c1 2px solid;
color: #8a8a8a;
max-width: 450px;
outline: #a57181 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: #fff;
color: #8a8a8a;
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: 'Pirata One', cursive;
text-transform: lowercase;
}
.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;
}