bann, .bann {
padding:30px 45px 35px;
font-size:11px;
font-weight:700;
text-transform:uppercase;
display:flex;
color:var(--clr-main2);
letter-spacing:.3em;
flex-direction:column-reverse;
font-family:var(--font-title-family)
}

ttl, .ttl {
color:var(--clr-main1);
font-size:var(--font-title-size);
display:block;
letter-spacing:.05em;
margin-top:15px;
padding: 15px 0
}

.vip ttl::before {
content:"Fiche du client : "
}

.slave ttl::before {
content:"Fiche de la marchandise : "
}

.employee ttl::before {
content:"Fiche de l'employé : "
}

.security ttl::before {
content:"Fiche de l'agent de sécurité : "
}

.vis ttl::before {
content:"Fiche de la propriété privée : "
}

.player ttl::before {
content:"Bonjour, je suis "
}

.snr ttl::before {
content:"Wanted :"
}

.fad ttl::before {
content:"Fiche Produit :"
}

.prt ttl::before {
content:"Demande de partenariat de "
}

sec.ig::before,sec.doss::before,sec.pass::before,sec.sej::before,sec.psy::before,sec.sex::before,sec.sexp::before,sec.comp::before,sec.prof::before,sec.rps::before,sec.grpscn::before,sec.cmp::before,stl {
display:block;
font-weight:900;
color:var(--clr-main1);
margin:5px 0
}

sec.doss::before {
content:"Dossier"
}

sec.ig::before {
content:"Informations génériques"
}

.vip sec.pass::before {
content:"Passif du client"
}

.slave sec.pass::before {
content:"Passif de la marchandise"
}

.employee sec.pass::before {
content:"Passif de l'employé"
}

.security sec.pass::before {
content:"Passif de l'agent de sécurité"
}

.vis sec.pass::before {
content:"Passif de la propriété privée"
}

sec.sej::before {
content:"Informations relatives au séjour"
}

sec.sex::before {
content:"Profil sexuel de la marchandise"
}

sec.sexp::before {
content:"Profil sexuel de l'employé"
}

sec.comp::before {
content:"Rapport au Complexe"
}

.vip sec.psy::before {
content:"Profil psychologique du client"
}

.slave sec.psy::before {
content:"Profil psychologique de la marchandise"
}

.employee sec.psy::before {
content:"Profil psychologique de l'employé"
}

.security sec.psy::before {
content:"Profil psychologique de l'agent de sécurité"
}

.vis sec.psy::before {
content:"Profil psychologique de la propriété privée"
}

.snr sec.psy::before {
content:"Profil psychologique de l'individu"
}

.fad sec.psy::before {
content:"Profil psychologique"
}

sec.prof::before {
content:"Dis-nous en un peu plus sur toi"
}

sec.rps::before {
content:"Ses sujets"
}

sec.grpscn::before {
content:"Les personnages"
}

sec.cmp::before {
content:"Compétences"
}

.bottins_jobs sec sec {
margin-bottom:20px
}

works {
display:block;
box-shadow:var(--shadow);
border-radius:10px;
padding:30px
}

works sec.works__indent {
margin-bottom:20px
}

security,employee,slave,vip,vis,player,scena,price,warn,sold,intranet {
border-radius:10px;
font-weight:700;
display:inline-block;
font-weight:700;
font-size:12px;
color:var(--bg-lighter);
background-position:7px 2px;
background-repeat:no-repeat;
position:relative;
margin:0 5px;
top:3px;
min-height:16px;
line-height:1.4
}

security {
background-color:var(--gr3);
width:75px
}

security::before {
content:"security";
display:block;
position:absolute;
left:22px;
top:0
}

employee {
background-color:var(--gr4);
width:83px
}

employee::before {
content:"employee";
display:block;
position:absolute;
left:22px;
top:0
}

slave {
background-color:var(--gr5);
width:60px
}

slave::before {
content:"slave";
display:block;
position:absolute;
left:22px;
top:0
}

vip {
background-color:var(--gr1);
width:48px
}

vip::before {
content:"vip";
display:block;
position:absolute;
left:22px;
top:0
}

vis {
background-color:var(--gr2);
width:47px
}

vis::before {
content:"vis";
display:block;
position:absolute;
left:22px;
top:0
}

player {
background-color:var(--clr-main1);
width:65px
}

player::before {
content:"joueur";
display:block;
position:absolute;
left:22px;
top:0
}

intranet {
background-color:var(--clr-main1);
width:65px
}

intranet::before {
content:"est le pseudo intranet de";
display:block;
position:absolute;
left:22px;
top:0
}

scena {
background-color:var(--clr-main2);
width:75px
}

scena::before {
content:"scenario";
display:block;
position:absolute;
left:22px;
top:0
}

a scena:hover {
box-shadow:0 2px 5px 1px rgba(0,0,0,0.18);
top:2px
}

price {
background-color:var(--clr-main1);
padding:0 10px 0 20px;
top:-2px
}

warn {
background-color:var(--clr-main2);
padding:0 10px 0 20px;
top:-2px
}

c {
display:flex;
flex-direction:row-reverse;
justify-content:space-between;
align-items:center;
color:var(--text) !important;
}

igp div {
width:106px;
height:170px;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
opacity:.9
}

.scena c {
flex-direction:row
}

.liens c {
align-items:flex-start
}

co {
margin-bottom:20px;
display:block
}

.liens co:nth-child(odd) c {
flex-direction:row
}

.scena igc,.scena igp {
width:Calc(50% - 10px)
}

igc,.liens igc {
width:Calc(100% - 106px - 20px)
}

pl,mtl,lnk {
text-transform:uppercase;
font-weight:900;
display:block;
font-size:10px
}

.liens co:nth-child(odd) pl {
margin-left:125px
}

pf {
display:block;
width:100%;
padding:7px 10px;
border:1px solid var(--bg-darker);
margin-bottom:10px;
position:relative;
transition:all .3s ease-out
}

pf.close {
background:var(--bg-darker)
}

.rps a pf,.grpscn a pf,.sprfich a pf {
color:var(--text)!important
}

.rps pf:hover,.grpscn pf:hover,.sprfich a pf:hover {
-webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,0.06);
-moz-box-shadow:0 2px 5px 1px rgba(0,0,0,0.06);
box-shadow:0 2px 5px 1px rgba(0,0,0,0.06);
top:-1px;
transition:all .3s ease-out
}

.liens pf {
height:170px;
overflow:auto
}

pf::last-of-type {
margin-bottom:0
}

fich ul {
list-style:none!important;
margin:5px 0 0 40px
}

fich ul li {
position:relative
}

fich ul li::before {
display:block;
content:" ";
position:absolute;
background:url(https://image.flaticon.com/icons/svg/271/271228.svg) no-repeat center;
background-size:contain;
height:10px;
width:10px;
top:6px;
left:-20px
}

lnk {
text-align:right
}

lnk::before {
content:"> ";
color:var(--clr-main1)
}

b1 {
font-weight:900;
text-transform:uppercase;
font-size:11px
}

b2 {
text-transform:uppercase;
font-weight:900;
font-size:11px;
color:var(--clr-main2)
}

b3 {
text-transform:uppercase;
font-weight:900;
font-size:20px;
color:var(--clr-main2)
}

b4 {
text-transform:uppercase;
font-weight:900;
font-size:11px;
color:var(--clr-main1)
}

clr1 {
font-weight:900;
color:var(--clr-main1)
}

clr2 {
font-weight:900;
color:var(--clr-main2)
}

s1 {
text-transform:uppercase;
font-size:14px;
color:var(--clr-main2);
font-family:var(--font-title-family);
letter-spacing:.3em
}

tcr {
display:inline-block;
background:url(https://svgshare.com/i/LnW.svg) no-repeat center;
background-size:contain;
height:10px;
width:10px;
position:relative;
float:right;
margin-top:5px
}

tcr a {
display:block;
height:10px;
width:10px;
position:absolute;
top:0;
left:0
}

gr1 {
color:var(--gr1)
}

gr2 {
color:var(--gr2)
}

gr3 {
color:var(--gr3)
}

gr4 {
color:var(--gr4)
}

gr5 {
color:var(--gr5)
}

btn2,btn3 {
display:block;
border-radius:4px;
margin:5px 0 0;
padding:5px 0;
text-align:center;
background:var(--bg);
transition:all .3s ease-out
}

btn2.libre {
background:var(--bg-lighter)
}

btn2.reserve {
background:var(--bg-alert);
color:var(--bg)
}

slv {
display:block;
width:239px;
padding:10px;
background-color:var(--bg-lighter);
margin-bottom:10px;
display:flex;
box-shadow:var(--shadow);
border-radius:10px;
display:flex
}

fad {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
position:relative;
top:-10px;
width:100%
}

slvimg img {
height:170px;
border-radius:10px
}

.fad btn2 {
width:106px;
padding:5px
}

btn2.alouer {
background:var(--bg-ok);
color:var(--bg)
}

btn2.louer {
background:var(--bg-alert);
color:var(--bg)
}

btn2.parler {
background:var(--bg-warning);
color:var(--bg)
}

slvimg a,a btn3 {
color:var(--text)!important
}

slvimg btn2:hover,.fad btn2:hover,.fad btn3:hover {
-webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,0.15);
-moz-box-shadow:0 2px 5px 1px rgba(0,0,0,0.15);
box-shadow:0 2px 5px 1px rgba(0,0,0,0.15);
position:relative;
top:-1px;
transition:all .3s ease-out
}

slvctt {
display:block;
margin-left:10px;
font-size:12px;
line-height:1.5;
width:100px;
text-align:left
}

nam {
color:var(--gr5);
word-wrap:break-word;
font-family:var(--font-title-family);
font-size:16px
}

rnk {
font-size:10px;
margin-bottom:5px
}

nam,rnk {
text-transform:uppercase;
font-weight:700;
display:block
}

lglk {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}

lglk btn3 {
width:205px;
margin-top:0;
padding:10px 0
}

btn3.main {
background-color:var(--clr-main1);
color:var(--bg)!important;
}

sec.legal {
font-size:9px;
line-height:1.1;
}

fich.fadcmnt {
padding:30px 0;
font-size:12px;
}

sec.cmnt {
margin-bottom:0;
margin-top:0;
display:flex;
justify-content:space-between;
}

cmntimg div {
width:60px;
height:60px;
border-radius:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
opacity:.9;
margin-top:5px;
}

cmntctt {
width:430px;
position:relative;
}

srnam,cmnttl {
font-weight:900;
}

cmnttl {
text-transform:uppercase;
}

rtbtn {
padding:10px;
display:flex;
justify-content:space-around;
flex-wrap:wrap
}

rtbtn btn2 {
width:105px
}

rtr {
display:block;
width:240px;
background-color:var(--bg-lighter);
position:relative;
font-size:10px;
margin-bottom:31px;
box-shadow:var(--shadow);
border-radius:10px
}

.rtimg {
width:60px;
height:60px;
border-radius:100%;
background-size:cover;
background-position:center;
position:absolute;
top:-14px;
left:Calc(50% - 30px)
}

rtnm {
display:flex;
justify-content:space-between;
color:var(--bg);
font-weight:900;
text-transform:uppercase;
height:35px;
padding-top:4px;
margin-bottom:24px;
border-radius:10px 10px 0 0
}

.rtgr1 {
background-color:var(--gr1)
}

.rtgr3 {
background-color:var(--gr3)
}

.rtgr4 {
background-color:var(--gr4)
}

rtct {
display:flex;
justify-content:space-between;
padding:0 10px
}

rtct div {
line-height:1.4;
width:108px;
font-weight:700
}

rtct div:first-child {
text-align:right
}

rent {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
padding:10px 0
}

fn, ln {
    display: block;
    margin: 0 15px;
    width: 72px;
    overflow: hidden;
}

fich.fadLuxe,.fadLuxe igp div {
border-width:5px;
border-style:solid;
border-image:linear-gradient(to right bottom,#ebd197,#bb9b49,#b48811,#a2790d);
border-image-slice:1;
}

.fadLuxe igp div {
position:relative;
box-sizing:content-box;
overflow:hidden;
}

.fadLuxe igp div:after {
content:'';
top:0;
left:-60px;
transform:skewX(-30deg);
width:50px;
height:100%;
position:absolute;
animation:slide 2s infinite;
opacity:0;
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.8)),color-stop(99%,rgba(128,186,232,0)),color-stop(100%,rgba(125,185,232,0)));
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
}

@keyframes slide {
0% {
left:-60px;
opacity:0
}

40% {
opacity:.5
}

60% {
opacity:.8;
opacity:.5
}

100% {
left:140px;
opacity:0
}
}

.fadLuxe ttl, .fadLuxe sec.ig::before, .fadLuxe sec.cmp::before, sec.sex::before{
background: linear-gradient(to right bottom,#ebd197,#bb9b49,#b48811,#a2790d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

fich.fadcmnt {
padding:30px 0;
font-size:12px
}

sec.cmnt {
margin-bottom:0;
margin-top:0;
display:flex;
justify-content:space-between
}

cmntimg div {
width:60px;
height:60px;
border-radius:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
opacity:.9;
margin-top:5px
}

cmntctt {
width:430px;
position:relative;
padding-left: 5px;
}

srnam,cmnttl {
font-weight:900
}

cmnttl {
text-transform:uppercase
}

star {
width:64px;
height:12px;
display:block;
position:absolute;
top:5px;
right:0
}

star.st0 {
background:url(https://lostinthesea.neocities.org/Images/0star.png) no-repeat center;
background-size:contain
}

star.st1 {
background:url(https://lostinthesea.neocities.org/Images/1star.png) no-repeat center;
background-size:contain
}

star.st2 {
background:url(https://lostinthesea.neocities.org/Images/2star.png) no-repeat center;
background-size:contain
}

star.st3 {
background:url(https://lostinthesea.neocities.org/Images/3star.png) no-repeat center;
background-size:contain
}

star.st4 {
background:url(https://lostinthesea.neocities.org/Images/4star.png) no-repeat center;
background-size:contain
}

star.st5 {
background:url(https://lostinthesea.neocities.org/Images/5star.png) no-repeat center;
background-size:contain
}