/*général*/
tr.post span.gensmall,a.mainmenu img,.mainmenu img, a[href="/calendar"], a[href="/faq"], a[href="/calendar?tt=1"], a[href="/faq?tt=1"], #i_icon_mini_faq, #i_icon_mini_calendar, #i_icon_mini_search, a.sceditor-button-date, a.sceditor-button-time, a.sceditor-button-youtube, a.sceditor-button-dailymotion, a.sceditor-button-flash, a.sceditor-button-mention, a.sceditor-button-headers,
a.sceditor-button-removeformat, a.sceditor-button.sceditor-button-servimg {display:none;}
a:link, a:visited, a:active, a:hover {text-decoration: none !important;}
a {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.selectCode {float:right; cursor:pointer;font-size: 8.5px;color: #AAA8AD!important;}
input,textarea,select {border: 1px solid var(--bordure);font-weight: normal; font-size: 10px;}
input.liteoption, input.mainoption {font-size: 9px; font-weight: 400; letter-spacing: .5px; text-transform: lowercase;}
.postbody {padding: 15px 20px; text-align: justify; font-size: 12px; line-height: 14px;}
hr {border: solid var(--bordure) 0; border-top-width: 1px; height: 0;}
span.gensmall.nav a, div.nav a, span.nav a, .nav a, .nav b {text-transform: lowercase!important; font-weight: bold!important; font-size: 9.5px; font-family: var(--nunito); letter-spacing: .5px!important;}
.nav {font-size:0; letter-spacing: 1px;}
a.nav:before {content:"› ";}
.nav > a.nav:empty:before, .nav > a.nav:first-child:before {content:""}
.mep a.mentiontag.tooltipstered {font-size: 10px!important; letter-spacing: .5px; font-family: var(--nunito); text-transform: lowercase;}
.mep.mbr in a.mentiontag.tooltipstered {color: var(--ccl);}
a.mentiontag.tooltipstered {font-size: 11px; letter-spacing: .5px; font-family: var(--nunito); color: var(--link)!important;text-transform: lowercase;}

.code {padding: 6px;font-size: 11px !important;line-height: normal !important;font-family: 'Raleway', sans-serif !important; letter-spacing: 0px !important;display: block;background-color: #fff !important;}
.spoiler_content {padding: 6px;background-color: #fff!important;font-size: 11px !important;line-height: normal !important;font-family: 'Raleway', sans-serif !important; letter-spacing: 0px !important;display: block;}
.quote {paddingt: 6px;font-size: 11px !important;line-height: normal !important;font-family: 'Raleway', sans-serif !important; letter-spacing: 0px !important;display: block;background-color: #fff !important;}
.postbody .codebox {width: 80%!important;}
.code div.cont_code {max-height: 150px;overflow: auto;}
.codebox dd {border:none;margin: 0; margin-top: 2px;}
dl.codebox dt span b {font-style: normal!important; font-size:9px!important;font-weight: 400; position: relative;text-transform: lowercase; color: var(--maincl);}

.sceditor-container.ltr.sourceMode {margin-top: 20px;border: 1px solid var(--fondcat)!important;}
div.sceditor-toolbar {background-color: var(--fondcat)!important; /*partie sup: outils etc*/border-bottom: 1px solid var(--fbordure)!important;}
.sceditor-container iframe, .sceditor-container textarea {/*background-color: #f1f1f1!important; fond texte*/font-size: 12px!important;}
div.sceditor-group {background-color: var(--blanc)!important; /*groupes de boutons*/border:0px!important;}
a.sceditor-button{background-color: var(--blanc)!important; /*boutons*/border:none !important;}
a.sceditor-button.hover{/*boutons hover*/border:none !important; }
#sceditor_smilies {background-color: var(--blanc);}
.sceditor-button-mention div {background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png)!important;}
.word-count {color: var(--txt); font-family: (--nunito); text-align: center; font-weight: normal; padding-right: 10px!important; font-style: normal; font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.5px;}
#savec {position:relative; }
.save-bloc {z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(https://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div {cursor: pointer; font-size: 11px;}
.save-bloc select {background: #ccc; border: 1px solid #aaa; margin-bottom: 5px;}
.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div {z-index: 0!important;}
#description {font-style: italic;}

/*marges et header*/
img#i_logo {width: 800px; height: auto;}

/*scroll et sélections*/
::selection {background: #f3f1ef;text-shadow: 1px 1px #fff;}
::-moz-selection {background: #f3f1ef;text-shadow: 1px 1px #fff;}

::-webkit-scrollbar {height: 9px;width: 9px;background-color: var(--blanc);border: 4px solid #fff;}
::-webkit-scrollbar-thumb {border-radius: 3px;background-color: var(--bordure); border: 3px solid #fff; height: 9px; width: 9px;}

.cate span.genmed.desc txt::-webkit-scrollbar, .pa .contextepa::-webkit-scrollbar, .pa .infospa::-webkit-scrollbar, .form .infos span::-webkit-scrollbar, .prédroite::-webkit-scrollbar, .profil .txt::-webkit-scrollbar,
.qeel .mbr_infos .intro span::-webkit-scrollbar, .cate span.genmed.desc txt2::-webkit-scrollbar, .entup .concept span::-webkit-scrollbar, .mbr .infos_perso .overflow::-webkit-scrollbar,
.mbr .infos_secondaires .overflow::-webkit-scrollbar, .mbr .infos_envrac .overflow::-webkit-scrollbar {background-color: transparent!important; height: 0important; width: 0!important;}
.cate span.genmed.desc txt::-webkit-scrollbar-thumb, .pa .contextepa::-webkit-scrollbar-thumb, .pa .infospa::-webkit-scrollbar-thumb, .form .infos span::-webkit-scrollbar-thumb, .prédroite::-webkit-scrollbar-thumb, .profil .txt::-webkit-scrollbar-thumb,
.qeel .mbr_infos .intro span::-webkit-scrollbar-thumb, .cate span.genmed.desc txt2::-webkit-scrollbar-thumb, .entup .concept span::-webkit-scrollbar-thumb, .mbr .infos_perso .overflow::-webkit-scrollbar-thumb,
.mbr .infos_secondaires .overflow::-webkit-scrollbar-thumb, .mbr .infos_envrac .overflow::-webkit-scrollbar-thumb {background-color: transparent!important;}
.cate span.genmed.desc txt::-webkit-scrollbar-track, .pa .contextepa::-webkit-scrollbar-track, .pa .infospa::-webkit-scrollbar-track, .form .infos span::-webkit-scrollbar-track, .prédroite::-webkit-scrollbar-track, .profil .txt::-webkit-scrollbar-track,
.qeel .mbr_infos .intro span::-webkit-scrollbar-track, .cate span.genmed.desc txt2::-webkit-scrollbar-track, .entup .concept span::-webkit-scrollbar-track, .mbr .infos_perso .overflow::-webkit-scrollbar-track,
.mbr .infos_secondaires .overflow::-webkit-scrollbar-track, .mbr .infos_envrac .overflow::-webkit-scrollbar-track {background-color: transparent!important; height: 0important; width: 0!important;}


/*polices*/
.cate .genmed.last a, .profil span.ongl.tab {font-family: 'roboto', sans-serif;}
.titrepa, .titrepa2, .titrepa3, ee, .titrefi2, .titrefi3, .titrefi, .profil .psdo span.name, .profil .psdo span.name strong {font-family: 'Playfair Display', serif;}
{font-family: 'Open Sans', sans-serif;}
{font-family: 'Questrial', sans-serif;}
{font-family: 'Inconsolata', monospace!important;}
{font-family: 'Muli', sans-serif!important;}

/*couleurs*/
:root {
  --black: #000;
  --blanc: #fff;
  --fondcl: #d9d3cd;
  --fondfo: #FCFAF9;
  --bordure: #f4efeb;
  --maincl: #dbc4af;
  --maincl2: #a2b685;
  --cl: #f4af98;
  --txt: #6f6e6e;
  --link: #a2b485;
  --fondcat: #F5EFE1;
  --nunito: 'Nunito', sans-serif;
  --roboto: 'roboto', sans-serif;
  --play: 'Playfair Display', serif;
  --color-bg: #17141b;
  --color-pill: #ffffff;
  --gap-size: 16px;
  --ease: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56);
  --gr1: #B07495;
  --gr2: #9DB87F;
  --gr3: #7FA3B0;
  --gr4: #E3BD71;
  --dark: #474646;
  --ccl: #afb6a3;
}

/*sous header*/
.entup {display: flex; flex-wrap: wrap; background-color: var(--fondfo); width: 800px; margin: 10px 0; font-size: 10px; padding: 5px;}
.entup .pl {flex-direction: row; width: 205px;}
.entup .pl img {border: 1px solid var(--bordure); border-radius: 100%; height: 25px; margin-top: -2px; object-fit: cover; opacity: .8; padding: 2px;width: 25px; background-color: var(--blanc);}
.entup .pl aa {display:block;}
.entup .pl a aa {color: var(--txt)!important;}
.entup .liens {flex-direction: column;margin-left: 10px; width: 185px;}
.entup .liens a+a {margin-top: 4px;}
.entup .liens a aa2, .entup .liens a aa3 {display: block;text-align: center; padding: 1px 5px;}
.entup .liens a {display: block;}
.entup .concept {padding: 4px;background-color: var(--bordure); width: 215px; margin-left: 10px;}
.entup .concept span {height: 70px; overflow: auto; padding: 3px; background-color: var(--fondfo); display:block; text-align: justify;}
.entup .rps {text-align: center; margin-left: 10px; width: 155px;}
.entup .rps .titrefi {text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 600; text-align:center; color: var(--cl); margin: 0 0 10px 0;}

/*toolbar*/
#navbar1{left: 50%; transform: translate(-50%,0);position: fixed;top: -2px!important;z-index: 3!important; height: 30px;}
#navbar1 a {font-size: 9px; text-transform: uppercase; font-family: var(--nunito); font-weight: bold; letter-spacing: .5px;}
#fa_toolbar {left: 0px;height: 30px;background-color: var(--fondfo)!important; z-index: 3!important;position: relative;border-bottom: 3px solid var(--fondcat);}

#fa_left, #fa_search, #fa_share,#fa_hide,div#fa_usermenu table,#fa_toolbar #fa_right .fa_separator,a#fa_ranktitle {display: none!important;}
#fa_right {width: 100%; text-align: right;}
#fa_toolbar a {color: var(--txt)!important; text-transform: uppercase; transition: linear .2s;font-size: 9px; letter-spacing: .5px; font-weight: bold; font-family: var(--nunito);}
#fa_toolbar #fa_right #notif_list li .contentText a {text-decoration: none!important;}
#fa_right.welcome #fa_menu #fa_welcome,#fa_toolbar > #fa_right.notification > #fa_notifications,#fa_toolbar #fa_right #notif_list li.unread {background-color: inherit;}
#fa_menulist,#fa_toolbar #fa_right #notif_list {border: none;}
#fa_menulist {line-height: 17px; padding: 10px 10px 10px 120px; }
#fa_toolbar #fa_right #notif_list li .contentText, #fa_toolbar #fa_right #notif_list li a.delete {float: none; display: inline-block; vertical-align: middle; height: auto; font-family: var(--nunito); font-weight: 500; font-size: 11px;}
#fa_toolbar #fa_right #notif_list li a.delete{ background-image:none;text-align: center;}
#fa_toolbar #fa_right #notif_list li a.delete::after {content:'\e0c5';font-family:'saturnicons';font-size: 9px; color: var(--maincl2);}
#fa_toolbar #fa_right #notif_list li .content{text-align:left;}
#fa_usermenu {padding:0;}
#fa_toolbar #fa_right #notif_list li.see_all {text-align: center; background-color: var(--bordure);}
#fa_toolbar #fa_right #notif_list li.unread {font-weight: lighter;}
#fa_usermenu img {width: 82px; border: 4px solid var(--bordure);}
#fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_welcome,#fa_right.notification #fa_menu #fa_welcome {text-transform: uppercase; transition: linear .2s;font-size: 8.5px; font-weight: bold; font-family: var(--nunito);}
#fa_toolbar #fa_right #notif_list li .contentText a {color: var(--cl)!important; font-family: var(--roboto);}
#fa_toolbar a:active, #fa_toolbar a:hover, #fa_toolbar a:link, #fa_toolbar a:visited {color: var(--link)!important;}
#fa_toolbar #fa_right #notif_list li.unread a {color: var(--maincl)!important;}
#fa_toolbar #fa_right #notif_list li.unread {font-weight: lighter;}

.fa_avatar img {object-fit: cover; width: 40px; height: 40px; position: fixed; z-index: 3;  top: 10px; left: 79%; border-radius: 50%; border: 3px solid var(--bordure);}

/*categories*/
.cattitle, .cattitle .secondarytitle, .secondarytitle, .secondarytitle h2, .tleLMBER th, th.thHead, th.thSides {font-size: 10px; font-weight: 400!important;letter-spacing: 1px;text-transform: lowercase; font-family: var(--play);}
.secondarytitle div {padding: 3px;}

.cate, .qeel, .mbr {display: flex; flex-wrap: wrap; justify-content: center;padding: 5px;box-sizing: border-box;}
.cate .news {object-fit: cover; display: flex; width: 25px; height: 25px; border-radius: 100%; padding: 3px; border: 1px solid var(--bordure); background-color: var(--blanc);overflow: hidden;box-sizing: border-box;}
.cate .news img {object-fit: cover;}
.cate .news+.news {margin-top: 5px;}
.cate a.forumlink {text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 600; font-family: var(--play);}
.cate a.forumlink:before, .mep .title:before, .titrefi2:before,.mep .title2:before {content: ''; height: 5px; background-color: var(--bordure); padding-right: 35px; margin-right: 25px; }
.cate span.genmed.desc {margin-top: 5px; width: 100%; box-sizing: border-box;}
.cate span.genmed.desc .barre, .pa .barre {border-bottom:1px solid var(--bordure);position: relative;top: 9px; z-index: 1;}
.cate span.genmed.desc span, .pa .liens {font-family: var(--nunito); position: relative; z-index: 2; padding-left: 10px;background-color: var(--fondfo); float: right; text-transform: uppercase; font-size: 8.5px;margin-top: 3px; word-spacing: 1px; font-weight: 500;}
.cate span.genmed.desc span a, .pa .liens a {color: var(--maincl2)!important;}
.cate span.genmed.desc txt {margin-bottom: 0px; margin-top: 3px; font-size: 11px; line-height: 13px; text-align: justify; overflow:auto; height: 50px; display: block;}
.cate span.genmed.desc txt2 {margin-bottom: 0px; margin-top: 3px; font-size: 11px; line-height: 13px; text-align: justify; overflow:auto; height: 65px; display: block;}
.cate span.genmed.desc txt st {font-family: var(--nunito); text-transform: lowercase; color: var(--maincl); font-weight: 500; font-size: 12px;}
.cate span.genmed.desc txt st:after {content:' / ';color: var(--maincl);font-style:italic; font-weight: 500; }
.cate span.genmed.desc txt2 st {font-family: var(--nunito); text-transform: lowercase; color: var(--maincl); font-weight: 500; font-size: 12px;}
.cate span.genmed.desc txt2 st:after {content:' / ';color: var(--maincl);font-style:italic; font-weight: 500; }
.cate .av {display: flex;flex-wrap: wrap; width:55px;margin-left: 2px;}
.cate span.lastpost-avatar {border-radius: 0px!important;}
.cate span.lastpost-avatar img {object-position: bottom; object-fit: cover; box-sizing: border-box; overflow: hidden; width: 55px; height: 85px; padding: 3px; background-color: var(--blanc); border: 1px solid var(--bordure); border-radius: 0px!important;}
.cate .genmed.last {text-transform: lowercase; font-size: 10px; text-align: center; line-height:14px; margin-bottom: 13px;}
.cate .genmed.last a {letter-spacing: .5px; font-size: 10px!important;}
.cate .stats {font-family: var(--roboto); text-transform: uppercase; text-align: center; background-color: var(--bordure); font-size: 10px; padding: 2px 0;}

/*liste sujets*/
.neews {object-fit: cover; width: 20px; height: 20px; border-radius: 100%; padding: 2px; border: 1px solid var(--bordure); background-color: var(--blanc);overflow: hidden;box-sizing: border-box;}
.topictitle strong {color: var(--link); text-transform: uppercase; font-size: 9px; padding-left: 3px; font-weight: 600; font-family: var(--roboto);}
h2.topic-title a {font-family: var(--nunito); font-weight: 400;font-size: 10px!important; text-transform: lowercase; letter-spacing: .5px;}
.topictitle+.gensmall {display: block;}
span.gensmall .name+span {margin-left: 4px;text-transform: lowercase; font-style:italic;font-size: 8px;}
.name+span br, img.sprite-icon_minipost {display: none;}
.sjt .name {font-size: 7px;font-weight: 400!important;text-transform: uppercase; font-family: var(--roboto);}
.sjt span.name strong {text-transform:uppercase; font-weight: 700!important; font-size: 8px;}
span.genmed.description {display: block;font-size: 8.5px;font-weight: lighter;letter-spacing: 0.5px;line-height: 1em;text-transform: lowercase;font-style:italic;margin-left: 0;}
.postdetailssjt {font-size: 8px;line-height: 11px;text-align: center;text-transform: uppercase;}
.postdetailssjt a, .postdetailssjt a strong {font-family: var(--roboto); text-transform: lowercase; font-size: 9px; letter-spacing: .5px;}
.staats {font-family: var(--roboto); text-transform: uppercase; text-align: center; background-color: var(--bordure); font-size: 8px; display: block;}
.ent_av .lastpost-avatar {background-size: 100%; border-radius: 100%; float: left; height: 25px; overflow: hidden; padding: 0!important; width: 25px;}
.ent_av .lastpost-avatar img {-webkit-filter: brightness(95%) contrast(1.0) grayscale(100%); width: 100%!important; object-fit: cover;}
.ent_av {border: 1px solid var(--bordure); border-radius: 50%; height: 25px; padding: 3px; width: 25px;}

/*page d'acceuil */
.pa {padding: 5px;}
.pa .partiedroite {width:385px;float:right;}
.pa .partiegauche {width:385px;float :left;}
.pa .partiedroite2 {width:180px;float:right;margin-top:8px;}
.pa .partiegauche2 {width:195px;float:left;margin-top:8px;}
.pa .partiedroite3 {width:195px;float:right;margin-top:5px;}
.pa .partiegauche3 {width:195px;float :left;}
.pa .titrepa {text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 600; text-align:left;color: var(--maincl2);}
.pa .titrepa2 {text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 600; text-align:right;color: var(--maincl2);}
.pa .titrepa3 {text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 600; ;text-align:center;color: var(--maincl2);}
.pa .contextepa {margin-bottom: 3px; margin-top: 3px; font-size: 10px; line-height: 13px; text-align: justify; overflow:auto; height: 98px; display: block;}
.pa .infospa {margin-bottom: 10px; margin-top: 3px; font-size: 10px; line-height: 13px; text-align: justify; overflow:auto; height: 44px; display: block;}
.pa sttpa {font-family: var(--nunito); color: var(--cl); font-size: 10px; text-transform:lowercase; }
.pa sttpa2 {color: var(--cl); font-size: 12px; text-transform:uppercase; }
.pa .imgmdm {margin-top: 4px;width: 88px;}
.pa .icontop {width:24px;text-align:center;margin-top:5px;}
.pa .icontop2 {width:150px;text-align:center;margin-top:-7px;}
.pa .cadrecr {border: 3px solid var(--bordure); padding:5px; width:150px; height:52px;margin-top:5px;text-align:justify; font-size: 8px;line-height:11px;font-style: italic;}

/*mise en page*/
.mep {margin: 0 auto; width:450px; font-size: 11px;}
.mep .title {text-align: left; text-transform: uppercase; font-size: 14px; font-weight: 600; color: var(--maincl2); font-family: var(--play);}
.mep b, .mep strong, .profil b, .entup b {font-size: 12px; color: var(--cl); font-family: var(--nunito);}
.mep i, .mep em, .profil i, .qeel i, .qeel em, .mbr i, .mbr em, .entup em, .form i, .form em {color: var(--maincl2); font-size: 11px;}
.mep u, .entup u, .postbody u, .profil u, .form u {color: var(--cl)!important; font-size: 11.5px;}
.mep .title2 {text-align: left; text-transform: uppercase; font-size: 12px; font-weight: 600; color: var(--maincl2);font-family: var(--play); margin-left: 15px;}
.mep.bott bb:after, .mep.mbr in:after {content:" ·"; font-size: inherit;}

/*formulaires */
.form {width: 460px; margin: 0 auto; font-size:11px;}
.form .infos span {overflow: auto; display:block; height: 165px; margin-top: 10px;}
.titrefi {text-transform: uppercase; letter-spacing: .5px; font-size: 15px; font-weight: 600; ;text-align:center;color: var(--cl); margin-top: 15px;}
.titresu {text-transform: uppercase; letter-spacing: .5px; font-size: 15px; font-weight: 600; ;text-align:center;color: var(--maincl2);font-family: 'Playfair Display', serif;}
.imgfi {width: 115px; object-fit: cover; padding: 3px; background-color: var(--blanc); border: 1px solid var(--bordure); height: 63px;}
.imgfi2 {margin-top: 4px; width: 90px; height:90px; margin-bottom:-2px; object-fit: cover;}
.infos {margin-top: 4px; padding:5px; text-align:justify;}
.corpssu {margin-top: 4px;width: 400px;padding:5px;font-size:11px;text-align:justify;margin-top:-8px;}
.titrefi2 {text-transform: uppercase; letter-spacing: .5px; font-size: 12px; font-weight: 600; text-align:left;color: var(--maincl2);}
.titrefi3 {text-transform: uppercase; letter-spacing: .5px; font-size: 12px; font-weight: 600; text-align:right;color: var(--maincl2); margin-bottom:-15px;}
.tee {background-color: var(--maincl2); border-radius: 50px;  height: 20px; overflow: hidden; margin-top:-22px;opacity:0.4;line-height:12px;}
.tee3 {background-color: var(--cl);border-radius: 50px;height: 20px;  overflow: hidden;  margin-top:-22px;opacity:0.4; line-height:12px;}
.tee2 { background-color: var(--blanc); border-radius: 50px; color: #616165; display: inline-block;font-size: 7px; font-weight: 700; height: 20px; overflow: hidden; padding: 3px;position: relative; text-transform: uppercase; width: 170px;line-height:11px;text-align:center;}
.prédroite {width:346px;float:right; height:80px; overflow:auto;padding:7px;}

/*onglets*/
.tableonglets span.ongletcont {display: none;}
.tableonglets input {display: none;}
.tableonglets input:checked + span.ongletcont {display: block;}
.tableonglets span.ongletcont {width: 400px;padding: 5px;}
.tableonglets label.onglet {display: inline-block; width: 150px; margin: 0 2px; text-align: center;background-color: var(--bordure); cursor: pointer; margin-bottom:5px; padding:2px;font-family: var(--roboto); font-size: 9px; text-transform:uppercase;}

/*profil*/
.profil {box-sizing: border-box; width: 211px;}
.profil .psdo {width: auto; line-height: 10px;box-sizing: border-box;margin-bottom: 5px;text-align: center; padding: 5px; border: 1px solid var(--bordure); background-color: var(--blanc);}
.profil .psdo span.name, .profil .psdo span.name strong {font-size: 12px; font-weight: 500!important; letter-spacing: .5px; text-transform: uppercase;}
.profil .sep {font-size:9px; font-family: var(--nunito);}
.profil .rang {font-family: var(--nunito); font-size: 9px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; font-weight: 700;}
.profil .rang txt {color: var(--maincl); font-style: italic; text-transform: lowercase;}
.profil .ava {height: 320px!important;position: relative;width: 200px!important; border: 1px solid var(--bordure); background-color: var(--blanc); padding: 4px; margin-bottom: 5px;}
.profil .ava img {height: 320px!important;width: 200px!important;}
.profil .ava_img {position: absolute; top: 4px;transition: all 0.8s;}
.profil .ava .ava_img:hover{opacity:0;transition: all 0.8s;}
.profil .postdetails.poster-profile span.label, .profil .entpro2 span.label, .mbr .label {color: var(--dark)!important; text-transform: uppercase; font-weight: 700; font-size:9px; font-family: var(--nunito);}
.profil span.postdetails.poster-profile, .profil .entpro2 {width: 198px; text-align: justify;display:block; text-transform: none!important; font-size: 10px; word-spacing: -1px; line-height: normal;}
.profil .txt {display: block; max-height: 300px; overflow-y: auto;}
.profil .M14_ProfilPerso.field_en-vrac img, .profil span.postdetails.poster-profile img {-webkit-filter: brightness(85%) contrast(1.0) grayscale(30%);align: center;margin-bottom: 0;margin-top: 1px; max-width: 198px!important;}
.profil .M14_ProfilPerso.field_, .profil .M14_ProfilPerso.field_gif {border-bottom: 1px solid var(--bordure); border-top: 1px solid var(--bordure); margin: 4px 0;padding-bottom: 5px; padding-top: 4px;}
.profil .M14_ProfilPerso.field_en-vrac .label, .profil .M14_ProfilPerso.field_membre-inactif .label, .M14_ProfilPerso.field_pr__00e9sentation .label, .M14_ProfilPerso.field_fiche-de-liens .label, .M14_ProfilPerso.field_instagram .label {display: none!important;}
.profil .M14_ProfilPerso.field_fiche-de-liens, .profil .M14_ProfilPerso.field_instagram, .profil .M14_ProfilPerso.field_pr__00e9sentation {display: inline-block;margin-right: 5px;}
.profil span.ongl.tab.selected {padding: 1.5px 0; border-bottom: 2px solid var(--cl); color: var(--maincl);}
div.M14_ProfilPerso.field_en-vrac {border-top: 1px solid var(--bordure); margin-top: 3px;}
div.M14_ProfilPerso.field_couleur-rp {margin-top: 5px;}
.profil .lienspro {color: var(--dark)!important; display: block!important; margin-top: 5px; text-align: center; font-size: 8px!important; font-weight: 700; text-transform: uppercase; font-family: var(--nunito);}
.profil .lienspro a {color: var(--dark)!important; font-size: 8px!important; font-family: var(--nunito);}
.profil i, .profil b {font-size: 10px;}
.profil .tabs:before {display: none;}
.profil .M14_ProfilPerso.field_membre-inactif {background-color: var(--blanc); padding: 2px; color: #a35748!important; font-size: 9px;font-weight: bold; writing-mode: vertical-lr;text-orientation: sideways;width: auto; border: 1px solid var(--bordure);font-family: 'Montserrat', sans-serif!important;left: 211px;position: relative;}
.profil .M14_ProfilPerso.field_membre-inactif:before {content:'\e27d';font-family:'saturnicons'; margin-bottom: 3px;}
div#med {position: absolute;}

td.post-options {font-size: 8px; text-transform: uppercase; letter-spacing: .5px; padding: 5px 2px 0 2px;}
td.post-options a {cursor: pointer; font-family: var(--roboto); color: var(--link);}

/*oglets profil*/
.profil .systab .tab {vertical-align: middle;cursor: pointer; font-size: 9px; text-shadow: none; width: 102px; display: inline-block;letter-spacing: .5px;text-transform: lowercase;}
.profil .systab.s_float .profil .tab,.systab.s_float .tab {display: block; margin: 5px;}
.profil .systab.s_float .profil .tabs,.systab.s_float .contents {float: left;}
.profil .tabs {text-align:center;}
.profil .systab .contents {margin-top: 5px; font-size: 10px;background-color: var(--blanc); border: 1px solid var(--bordure); padding: 5px; width: auto;}
.profil .tab+.tab {margin-left: 5px;}
.profil span.ongl.tab {font-family: var(--roboto); text-transform: uppercase; background-color: var(--blanc); color: var(--cl); border-bottom: 1px solid var(--bordure); padding: 2px 0; border-top: 1px solid var(--bordure);}

/*codes divers*/
aa {background-color: var(--bordure); font-family: var(--nunito); font-size: 12px; padding: 0px 5px; font-weight: 600;}
aa2 {background-color: var(--maincl); font-family: var(--nunito); font-size: 12px; padding: 0px 5px; font-weight: 600; color: var(--blanc);}
aa3 {background-color: var(--cl); font-family: var(--nunito); font-size: 12px; padding: 0px 5px; font-weight: 600; color: var(--blanc);}
bb {font-family: var(--roboto); text-transform: uppercase!important; font-size: 9px; font-weight: 700;}
cc {font-size: 10px; font-family: var(--nunito); font-weight: normal;}
in {color: var(--ccl); font-size: 11px; text-transform:lowercase;font-weight:bold; font-family: var(--nunito);}
ee {color: var(--cl); font-size: 9px; text-transform:uppercase;font-weight:bold;letter-spacing:1px;}
mit { box-shadow: inset 0 -2px 0 var(--cl); font-family: var(--nunito), sans-serif; font-size: 12px; text-transform:lowercase;font-weight:bold;color:var(--black);}
mit2 { box-shadow: inset 0 -2px 0 var(--maincl); font-family: var(--nunito), sans-serif; font-size: 12px; text-transform:lowercase;font-weight:bold;color:var(--black);}
mit3 { box-shadow: inset 0 -2px 0 var(--maincl2); font-family: var(--nunito), sans-serif; font-size: 12px; text-transform:lowercase;font-weight:bold;color:var(--black);}
aa a, aa2 a, aa3 a {color: var(--blanc)!important;}

.avatarmp img {object-fit: cover;border: 2px solid var(--bordure);height: auto; width: 75px!important;}
.sujets {font-family: var(--play); text-transform: uppercase; letter-spacing: .5px; font-size: 14px; color: var(--link);}
.sujets span {color: var(--cl);}

/*avatar rep rapide*/
#av_quickreply img {object-fit: cover;max-width: 120px!important; max-height: auto;}
#av_quickreply {float: left; padding: 5px; vertical-align: top; background-color: var(--blanc); border: 1px solid var(--bordure); position: relative; top: 32px; left: 15px;}
#av_quickreply+table {vertical-align: top; width: 625px; }
span.reponserapide {display: block;}
div#av_quickreply+table tr+tr input.liteoption {margin-left: -115px;}

/*liste des membres*/
/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {margin:auto; /*width:775px;*/}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {margin:0 auto 5px; width:800px; background-color: var(--fondfo)}
/* TITRE ENTÊTE */
.tleLMBER th {margin-bottom:5px; padding:2px 0;}
/* BLOC MEMBRE */
.MBER {float:left; margin:5px;width:144px; padding-top:10px; text-align:center; border: 3px solid var(--bordure); background-color: var(--bordure);}
/* AVATAR */
.imgLMBER {margin:auto; margin-bottom:-55px;width:80px; height:80px; border-radius:100px; overflow:hidden;border: 4px solid var(--blanc);}
.imgLMBER img{width:80px;}
/* NOMBRE DE MESSAGES */
.msgLMBER {font-family: var(--play);-webkit-transition: opacity .45s ease; background: rgba(250,250,250,0.8); border-radius: 80px; font-size: 10px; font-weight: 900; height: 50px; letter-spacing: 2px; margin-left: 0; margin-top: 0; opacity: 0; padding-top: 30px; position: absolute; text-align: center; text-transform: uppercase; transition: opacity .45s ease; width: 80px;}
.imgLMBER:hover .msgLMBER {opacity:1.3;}
/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {padding:45px 5px 7px;text-align:center;background: rgba(255,255,255,0.6);}
/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER a {letter-spacing: 0px; font-family: var(--play); font-size: 10px;}
.nameLMBER {margin-top:20px; height:30px; padding: 10px 0px 5px 0px;text-align:center; text-transform:uppercase; font-size:9px; background-color: var(--blanc); font-family: var(--nunito); letter-spacing: .5px;}
/* DATE INSCRIPTION */
.joinLMBER{text-align:center;text-overflow: ellipsis; white-space: nowrap;overflow: hidden; max-width: 134px; text-transform: lowercase!important;}
/* DERNIERE VISITE */
.lstvLMBER {color: var(--maincl); font-family: var(--nunito); margin-top:5px; padding:2px 0;font-size:9px; text-align:center; text-transform: uppercase;text-overflow: ellipsis; white-space: nowrap;overflow: hidden; max-width: 134px; background-color: var(--blanc); font-weight: bold;}
/* IMAGES MP & WWW */
.btnLMBER {margin-top:5px; height:15px; font-size: 9px; font-style: italic; font-family: var(--nunito);}

.switcheroo {position: fixed;z-index: 10;max-height: 45px;top: 35px; bottom: 0; color: var(--txt);background-color: transparent;font-size: 12px;font-family: arial; opacity: 0.8; border-bottom: 0px solid #eee; border-right: 0px solid #eee; border-left: 0px solid #eee;}
.switcheroo, .switcheroo *, .switcheroo *:before, .switcheroo *:after {box-sizing: border-box;}
.switcheroo__squircles {display: flex; flex-direction: column;min-height: 100vh; margin: 0; padding: 0;list-style: none; background-color: var(--color-body);padding: var(--gap-size); gap: var(--gap-size);}
.switcheroo__squircle {
  /* compte ou bouton */
display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blanc);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    transition: border-radius 128ms var(--ease);
}
.switcheroo__squircle--button { transition: border-radius 128ms var(--ease); color: var(--brle); border: 2px solid var(--blanc);}
.switcheroo__squircle--button:hover {color: var(--txt);background-color: var(--brle);}
.switcheroo__squircle:hover {border-radius: 36%;}
.switcheroo__squircle:hover .switcheroo__popper {/* tooltip hover */ opacity: 1; transform: translateY(-50%) scale(1);}
.switcheroo__squircle:hover:before {
  /* puce hover */
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}
.switcheroo__squircle:hover .switcheroo__delete {
  /* delete button */
  opacity: 1;
  transform: scale(1);
}
.switcheroo__squircle:before {
  /* puce */
content: "";
    width: 0%;
    height: 0%;
    display: block;
    background-color: var(--color-pill);
    position: absolute;
    border-radius: 0px;
    top: 0%;
    transform: translate(-100%, -50%) scale(0);
    transition: transform 128ms, opacity 64ms;
    pointer-events: none;
    opacity: 0;
}
.switcheroo__squircle.active {
  /* puce active */
  border-radius: 100%;
  cursor: default;
}
.switcheroo__squircle.active:before {
  opacity: 1;
  transform: translate(-85%, -50%) scale(0.2);
  border-radius: 50%;
}
.switcheroo__link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.switcheroo__link:hover {
  text-decoration: none;
}
.switcheroo__popper {
  /* tooltip */
background-color: var(--fondfo);
    color: var(--txt);
    padding: 0.68rem 1rem;
    position: absolute;
    top: 15px;
    transform-origin: left;
    transform: translateY(-50%) scale(0.98);
    width: -webkit-max-content;
    width: max-content;
    border-radius: 4px;
    z-index: 0;
    opacity: 0;
    transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce);
    pointer-events: none;
    left: 35px;
  font-family: var(--nunito);
}
.switcheroo__popper:before {content: ""; position: absolute; width: 0px; height: 0px; background-color: var(--fondfo);left: px;top: 0%; transform: translateY(-50%) rotate(-45deg); z-index: -1;}
.switcheroo__avatar {position: relative; width: 100%; height: 100%; border-radius: inherit; overflow: hidden;}
.switcheroo__avatar img {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.switcheroo__logo img {width: 32px;}
.switcheroo__logo:hover {background-color: var(--fondcl);}
.switcheroo__delete {display: flex; align-items: center;justify-content: center;position: absolute;width: 16px;height: 16px;top: -2px; right: -2px; border-radius: 50%; background-color: var(--fondcl); transform: scale(0); opacity: 1; transition: transform 128ms var(--ease), opacity 64ms var(--ease); cursor: pointer; color: var(--blanc)!important;}
.switcheroo__delete i {transform: scale(0.5); pointer-events: none;}
.switcheroo__divider {width: 100%; height: 2px; background-color: var(--color-pill); border-radius: 1px; opacity: 0.06; transform: scale(0.8);}
.switcheroo__form {padding: 48px;}
.switcheroo__form-row {display: flex; flex-flow: column; align-items: flex-start; margin-bottom: 16px;}
.switcheroo__form-label {margin-bottom: 8px; font-size: 11px; text-transform: uppercase; color: var(--txt) !important; font-family: var(--nunito);}
.switcheroo__form-input {padding: 6px !important; font-size: 16px !important; border-radius: 4px !important; width: 100% !important; border-bottom: 2px solid var(--fondcl) !important; background-color: var(--color-bg) !important; color: var(--txt) !important;cursor: text !important;}
.switcheroo__form-button {border-radius: 8px;padding: 8px;border: none;outline: none;box-shadow: none;text-transform: uppercase;font-size: 14px;align-self: flex-end;color: var(--txt) background-color: var(--fondcl);}
.monomer-overlay {position: fixed;  z-index: 999; top: 0; left: 0;opacity: 0;width: 100%;height: 100%;transition: 0.2s opacity ease;background-color: var(--blanc); opacity: 0.3;}
.monomer-modal {position: fixed;z-index: 999;top: 50%;left: 50%;opacity: 0;width: 94%;padding: 24px 20px;transition: 0.2s opacity ease; transform: translate(-50%, -50%); border-radius: 2px; background: var(--blanc); color: var(--txt);}
.monomer-modal.monomer-open.monomer-anchored {top: 20px; transform: translate(-50%, 0);}
.monomer-modal.monomer-open {opacity: 1;}
.monomer-overlay.monomer-open {opacity: 0.1;}

/* Close Button */
.monomer-close {font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; text-align: center; width: 24px; height: 24px; position: absolute; top: -5px; right: -5px; padding: 5px; cursor: pointer; color: var(--txt); border: 0; outline: none; background: var(--fondcl); border-radius: 50%; padding: 0;}
.monomer-close:hover {opacity: 0.8;}

/*qeel*/
.qeel .av_mbr {width:155px; margin-right: 5px;}
.qeel span#avatar_dernier_membre img {border:1px solid var(--bordure); padding:3px; object-fit: cover; background-color: var(--blanc); box-sizing: border-box; width: 150px; height: 200px;}
.qeel .qeel_middle {width: 250px; margin-right: 10px;}
.qeel .qeel_middle #dernier_membre {text-align:center;display:block;}
.qeel .qeel_middle #dernier_membre a {padding: 0 8px; background-color: var(--fondfo); font-family: var(--nunito); text-transform: lowercase; letter-spacing: .5px; color: var(--maincl); font-size: 11.5px;}
.qeel .qeel_middle ee {font-size: 11px;}
.qeel .qeel_middle ee:before {content: ''; height: 1px; background-color: var(--bordure); content: ''; height: 5px; margin-right: 24px; padding-right: 25px;}
div.ligne { height: 1px!important; width: 100%; background-color: var(--bordure);}
.qeel .mbr_co {padding: 5px; width: 100%; box-sizing: border-box; margin-top: 5px;}
.qeel .mbr_co .scroll {overflow: auto; height: 133px; text-align: justify;line-height: 12px;}
.qeel .mbr_co .scroll a, .qeel table#membrees a, .qeel .mbr_co .scroll {text-transform: lowercase; font-size: 10px; font-family: var(--roboto);}
.qeel .stats {width: 100%; box-sizing: border-box; margin-top: 5px;}
.qeel aa2, .qeel aa3 {width: 122px; box-sizing: border-box; text-align:center; display: block; font-size: 11px;}
.qeel .mbr_infos {width: 360px; font-size: 10px;}
.qeel .mbr_infos .intro {width: 100%; text-align: justify; margin-bottom: 5px;margin-top: 5px;}
.qeel .mbr_infos .intro span {display: block; height: 68px; overflow: auto;}
.qeel table#membrees .row1 {background: transparent;display: block; height: 80px; overflow: auto; text-align: justify; line-height: 12px;}
.qeel .mbr_infos ee {padding: 0 5px; color: var(--cl); font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; background-color: var(--fondfo);}
.qeel .gr1, .qeel .gr2, .qeel .gr3, .qeel .gr4 {width: 85px; color: var(--blanc); box-sizing: border-box; text-align:center; display: block; font-family: var(--nunito); font-size: 11px; padding: 2px 5px; font-weight: 600;}
.qeel .gr1 {background-color: var(--gr1);}
.qeel .gr2 {background-color: var(--gr2);}
.qeel .gr3 {background-color: var(--gr3);}
.qeel .gr4 {background-color: var(--gr4);}
.qeel i, .qeel em {font-size: 10px;}

/*profil membres*/
.mbr #avatar_membre img {border: 1px solid var(--bordure); object-fit: cover;height: 275px; width: 100%; box-sizing: border-box; padding: 5px; background-color: var(--blanc); margin-bottom: 5px;}
.mbr .pn aa {width: 100%; text-align: center; text-transform: uppercase; font-size: 10px; display: block; padding: 2px 0;}
.mbr .infos_1 {margin-right: 5px; width: 325px; font-size: 11px;}
.mbr .infos_perso {padding: 5px; border: 1px solid var(--bordure); background-color: var(--blanc); height: 262px; margin-top: 5px;}
.mbr .infos_perso .overflow {display:block; overflow:auto; height: 240px;}
.mbr .infos_envrac div.field_uneditable, .mbr .infos_secondaires div.field_uneditable, .mbr div.field_uneditable {display: inline;}
.mbr aa2, .mbr aa3 {display: block; text-align: center; width: 95px; padding: 2px 5px;}
.mbr aa2 a, .mbr aa3 a {color: var(--blanc)!important;}
.mbr .infos_2 {width: 250px; font-size: 11px;}
.mbr .infos_secondaires {margin-bottom: 5px; padding: 5px; border: 1px solid var(--bordure); background-color: var(--blanc); height: 118px;}
.mbr .infos_secondaires .overflow {display:block; overflow:auto; height: 118px;}
.mbr .infos_envrac {margin-bottom: 5px; padding: 5px; border: 1px solid var(--bordure); background-color: var(--blanc); height: 125px;}
.mbr .infos_envrac .overflow {display:block; overflow:auto; height: 125px;}
.mbr span#field_id5 {border-top: 1px solid var(--bordure);margin-top:2px;}
.mbr span#field_id8, .mbr span#field_id15 {margin-top: 5px;}
.mbr span#field_id10 .label, .mbr span#field_id12 .label, .mbr span#field_id13 .label {display: none!important;}
.mbr .infos_envrac div.overflow img {margin: 2px 0;width: 100%;}
.mbr .infos_prez {color: var(--blanc)!important;background-color: var(--cl); font-family: var(--nunito); font-size: 12px; padding: 2px 5px; font-weight: 600; display: block; width: 111px;}
.mbr .infos_liens {color: var(--blanc)!important;background-color: var(--maincl); font-family: var(--nunito); font-size: 12px; padding: 2px 5px; font-weight: 600; display: block; width: 111px;}
.mbr .infos_prez a, .mbr .infos_liens a {color: var(--blanc)!important;}
.mbr .contact {text-align: center; border-top: 1px solid var(--bordure); padding-top: 7px;}
.mbr .enligne {width: 50px; height: 50px; border-radius: 100%; background-color: var(--bordure);}

/*FLECHES HAUT BAS*/
.boutonhautbas {bottom:20px;right:10px; /* remplacez right par left pour afficher les boutons à gauche */
position: fixed;z-index: 100;}
.boutonbas {
    bottom: 14px;
    position: fixed;
    right: 10px;
}
.boutonhaut {
    bottom:64px;
    position: fixed;
    right: 10px;
}

/*fa messenger*/

/*#FAM-button {
    background-color: transparent!important;

    background-size: cover;
    bottom: auto!important;
    height: 50px;
    left: 8px;
    top: -3px!important;
  width: 50px;}*/
#FAM-button {background-color: transparent!important; background-size: cover; bottom: auto!important;height: 50px; left: 15px!important; top: -1px!important; width: 50px; font-size: 15px!important;}
.FAM-msg-avatar {border: 2px solid #CCC; width: 48px;height: 48px;padding: 2px; margin-top: 16px; border-radius: 25px; overflow: hidden; float: left;object-fit:cover;}
.FAM-msg-avatar img {height: 100%; width: 100%; border-radius: 100%; object-fit:cover;}
#FAM-toolbar-inner {color: #FFF; background: #CECEC6; border-bottom: 1px solid #CECEC6; height: 40px; margin: -1px -1px 0;font-family:var(--play); letter-spacing:2px;}
#FAM-button i {color: var(--maincl2);}
#FAM-button i {font-size: 17px!important;}

/*tinder*/
#tinder {--gradient: linear-gradient(90deg, rgba(187,181,166,1) 0%, rgba(222,216,205,1) 100%);}
#tinder br {display: none;}
#tinder {width:300px; min-height: 300px; border: 1px solid var(--bordure); border-radius: 25px; margin: 0 auto; margin-top: 30px; overflow: hidden; background: var(--blanc); order: 1;}
#tinder .tp-us {position: relative; height: 100px; background: var(--gradient); border-radius: 0px 00px 20% 20%; margin-left: -1px; margin-right: -1px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#tinder .tp-us h1 {text-align: center; color: #fff; font: 50px 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-weight: 900; font-style: italic; opacity: .6; margin-top: 50px;}
#tinder .im-us {height: 100px; width: 100px; border: 5px solid #fff; border-radius: 100%; animation: ckd 1.7s linear infinite;}
#tinder .ims-us {display: flex; align-items: center; justify-content: center; height: 150px;}
#tinder .ims-us span {margin-left: 15px; margin-right: 15px; font-size: 30px; color: var(--cl);}
#tinder .mi-us {height: 90px; width: 90px; border: 5px solid #fff; border-radius: 100%; box-shadow: 0 0 1px #ccc;}
#tinder .ik-us {margin: 20px; margin-top: 0px; text-align: center; font: 12px 'Montserrat', sans-serif; color: var(--txt);}
#tinder .ik-us b {color: var(--maincl); text-transform: uppercase; font-size: 10px; font-weight: 800;}
.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}
#tinder .out-msj span #tinder .out-msj span {background: var(--gradient); color: var(--blanc); display: inline-block; border-radius: 10px 10px 0px 10px; margin-top: 5px; padding: 10px;}
#tinder .tp-msj h1 {text-align: center; color: var(--blanc); font: 20px 'Montserrat', sans-serif; font-weight: 700; font-style: italic; opacity: .6; margin-bottom: -5px;}
#tinder .tx-tin b {color: var(--maincl);}
#tinder .tx-tin h1 {color: var(--txt);margin: 0px; font-weight: 300; font-size: 21px;}
#tinder .tx-tin {margin: 25px;color: var(--txt); font: 11px 'Montserrat', sans-serif;}
.buts-tin {margin: 25px; display: flex; justify-content: space-between;align-items: center;}
.buts-tin span {background: #fff; display block; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1); cursor: crosshair; transform: scale(1); transition: .3s;}
.buts-tin span:hover {transform: scale(1.1);}
.buts-tin span:nth-child(1n) {height: 30px; width: 30px; font-size: 15px;}
.buts-tin span:nth-child(2n) {height: 50px; width: 50px; font-size: 20px;}
.buts-tin span:nth-child(1) {color: #FDC620;}
.buts-tin span:nth-child(2){color: #F54F6A;}
.buts-tin span:nth-child(3) {color: #02ECB8;}
.buts-tin span:nth-child(4) {color: #C851F3;}
.buts-tin span:nth-child(5) {color: #04B5F4;}
.tp-tin p {margin: 0 auto; position: absolute; top:38px; left: 10px; right: 10px; color: var(--blanc); text-align: center; font: 50px 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-weight: 900; font-style: italic; opacity: .6;}
.th-tinder:before {content: "\ecb0";}
.im-tin {height: 300px; margin: 25px;}
.tx-tin p br {display: block; margin: 5px;}
.tp-tin span {border-radius: 100%; height: 60px; width: 60px; margin: 0 auto; display: block; color: #fff; background: var(--gradient); position: relative; top: 13px; font-size: 30px; display: flex; align-items: center; justify-content: center; border: 5px solid #fff;}
.tx-tin p {margin-top: 5px; text-align: justify;}
.tp-tin {position: relative;  height: 100px;  background: var(--gradient);  border-radius: 0px 00px 100% 100%;  margin-left: -1px;  margin-right: -1px;}
#tinder .tp-msj {position: relative; height: 250px; background: var(--gradient); border-radius: 0px 00px 20% 20%; margin-left: -1px; margin-right: -1px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#tinder .im-msj {height: 100px; width: 100px; border-radius: 100px; border: 10px solid #fff;}
#tinder .tp-msj h1 {text-align: center; color: #fff; font: 20px 'Montserrat', sans-serif; font-weight: 700; font-style: italic; opacity: .6; margin-bottom: -5px;}
#tinder .out-msj br {display: block!important}#tinder .out-msj {margin: 25px; text-align: right; font: 13px 'Montserrat', sans-serif;}
#tinder .out-msj span {background: var(--gradient); color: #fff; display: inline-block; border-radius: 10px 10px 0px 10px; margin-top: 5px; padding: 10px;}

/*CB*/
#chatbox_members .member-title {text-transform: uppercase;font-size: 9px;}
#chatbox_main_options a {color: var(--cl)!important;}
/*Bloc de la liste des membres*/
#chatbox_members {background-color: var(--blanc); /*Enlève couleur de fond*/border-right: 1px solid;}
/*Ligne de titre des membres en ligne*/
#chatbox_members .online {}
/*Liste qui contient les membres en ligne*/
#chatbox_members .online-users {font-size: 12px; letter-spacing:.5px;}
/*Ligne du nom du membre en ligne*/
#chatbox_members .online-users li {}
/*Ligne de titre des membres absents*/
#chatbox_members .away {}
/*Liste qui contient les membres absents*/
#chatbox_members .away-users {font-size: 12px;}
/*Ligne du nom du membre absent*/
#chatbox_members .away-users li {}
/* Menu au clic droit des pseudos */
#chatbox_contextmenu {}
/*Partie centrale de la chatbox où il y a les messages*/
#chatbox {background-color: var(--blanc);font-size: 11px;}
/*Lignes des message impairs*/
#chatbox .chatbox_row_1 {  margin: 0px;}
/*Lignes de messages pairs*/
#chatbox .chatbox_row_2 { margin: 0px;}
/*Empêcher le bug des textes trop longs*/
#chatbox .msg{word-wrap: break-word;}
#chatbox .user, #chatbox .date-and-time{white-space: nowrap;}
/* Mise en forme de la date */
#chatbox .date-and-time {font-style:italic;font-size: 9px;}
/*Bloc du pseudo du membre incluant le @ des modos et admins*/
#chatbox .user {}
/*Pseudo du membre*/
#chatbox .chatbox-message-username {text-transform: uppercase; font-size: 9px;}
/*Le message du membre*/
#chatbox .msg {font-size: 11px;}
/*Bloc avatar du membre*/
#chatbox .cb-avatar { padding: 1px!important; /*Padding*/
  border: 1px solid var(--bordure)!important; /*Bordure*/
  width:30px!important; /*Largeur*/
  height:30px!important; /*Hauteur*/
  overflow:hidden; /*Cache ce qui dépasse*/
  box-shadow: 0 0px 0px rgba(0,0,0,0.0)!important; /*Ombre du bloc*/
  transform: translateZ(0); /* empeche bug Chrome */}
/*Avatar du membre*/
#chatbox .cb-avatar > img {width:30px!important;height:30px!important;}
#chatbox_footer {height: 29px!important;}
/*Barre du bas*/
#chatbox_footer .catBottom {border: 1 px solid;background-image: none;background-color: var(--bordure); height: 29px;}
/*Bouton Aide tout à gauche*/
#chatbox_footer #help-button {background-color: #fff;}
/*Bouton Gras*/
#chatbox_footer .text-styles label[title="Gras"] {background-color: var(--blanc);}
/*Bouton Italique*/
#chatbox_footer .text-styles label[title="Ital."] {background-color: var(--blanc);}
/*Bouton Surligné*/
#chatbox_footer .text-styles label[title="Soulig."] {background-color: var(--blanc);}
/*Bouton Barré*/
#chatbox_footer .text-styles label[title="Barré"] {background-color: var(--blanc);}
/*Bouton Couleur de police*/
#chatbox_footer #divcolor {background-color: var(--blanc);}
/*Bouton Smiley*/
#chatbox_footer #divsmilies {background-color: var(--blanc);}
/*Texte avant le message*/
#chatbox_footer label[for="message"] {}
/*Champ texte pour le message*/
#chatbox_footer #message {height: 20px; margin-top: 0px; width: 315px;}
/*Bouton pour envoyer le message*/
#chatbox_footer #submit_button {background-color: var(--blanc);text-transform:uppercase;font-size: 9px; padding:0 2px;border: 2px solid var(--bordure)!important;}
.cb_connect_button span {border: 1px solid var(--bordure)!important; text-transform: uppercase; font-size: 10px; background-color: var(--blanc)!important; letter-spacing: .5px; font-family: var(--nunito);}
.cb_connect_name {letter-spacing: .5px; color: var(--maincl2); font-family: var(--play);}
.cb_connect_avatar {background-color: var(--blanc)!important; padding: 3px; border: 1px solid var(--bordure)!important;}
label[for=message] {font-size:11px;}