css dear little bird.

.texte4{
    font-family: arial;
    font-size: 11px;
    line-height: px;
    margin-left: 90px;
    text-align: justify;line-height: 1.1;
    width: px;}

.vertical-line {
    border-left: 2px solid #000;
    display: inline-block;
    height: 130px;
    margin: 10px 20px 0 149px;
    margin-bottom: -280px;
}

/*********************/CODES ANNONCES/********************/
.anncadre {overflow: ;text-align: justify;border: 7px solid var(--clair);width: 235px;height: px;white-space: normal;line-height:px; background-color:#fdfcfc;height:70px}
.pa_cadreborder {    background-color: #fdfcfc;    margin-top: -11px;border: 1px solid #f8f8f8;white-space: normal;margin-left: px;}
.imgann {border: px solid #F5F0F0;/* height: 21px; *//* margin-top: 11px; *//* padding-bottom: 12px; */width: 20px;/* align-content: center; */margin-top: -5px;margin-left: 17px;}
titreann {box-shadow: inset 0px -2px 0px #fdfcfc;color: #B6C9D6;font-family: 'comfortaa';font-size: 9px;letter-spacing: px;line-height: 1px;text-transform: lowercase;}
titresce {background-color: #f8f8f8;color: #B6C9D6;font-family: Arapey;font-size: 9px;font-weight: lighter;letter-spacing: px;line-height: 2;padding: 2px 27px;text-transform: lowercase;}
.pa_cadreborder2 {margin-left:px; background-color: var(--clair);white-space: normal;   margin-top: px;}
.ann_top {width: 97%;background: transparent;display: flex;justify-content: space-evenly;margin-bottom: 5px;margin-top: 13px;margin-left:-6px;}
.box_one {white-space: normal;overflow: auto;border: 1px solid #c2bdb84f;box-sizing: border-box;font-family: muli;/* font-style: normal; *//* font-variant: normal; */font-weight: 400;height: 75px;letter-spacing: .2px;/* line-height: 12px; *//* margin: 5px 5px 5px 12px; */padding: 14px;text-align: justify;/* text-transform: lowercase; */hite-space: normal;width: 232px;}
.box_two_f{margin-top: .5px;}
.box_two {white-space: normal;margin-left: -15px;background-color: #c2bdb84f;box-sizing: border-box:;color: #979797;font-family: Raleway, sans-serif;font-size: 9px;font-style: normal;font-variant: normal;font-weight: 400;height: 30px;line-height: 10px;margin: px;overflow: hidden;text-align: justify;width: 205px;white-space: normal;padding:13px;}
.box_three {white-space: normal;margin-left: -15px;background-color: var(--c4);border: 1px solid #c2bdb84f;box-sizing: border-box;color: var(--c12);font-family: Raleway, sans-serif;font-size: 9px;font-style: normal;font-variant: normal;font-weight: 400;height: 75px;line-height: 150%;margin:  px;overflow: auto;padding: 13px;text-align: justify;white-space: normal;width: 205px;}
.liens_pa a {-o-transition: all 1s;-webkit-transition: all 1s;border:  px solid  ;display: block;height: 18px;line-height: 18px;margin-bottom: 3.8px;overflow: ;position: relative;text-align: center;text-decoration: none;transition: all 1s;width: 100%;}
.liens_pa_f {margin-top: 7px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;padding-left: -12px;width: 200px;margin-left: 21px;}

/******************/PETITS CODES ÉCRITURES/********************/
paville{color:#e3ece4;font-family: 'pacifico';font-size: 10px;/* font-style: italic; */font-weight: 700;letter-spacing: 0;text-transform: lowercase;background: #dbe7fa42;/* width: auto; */}
jp1{color: #A38E7F;font-family: 'oswald';font-size:20px;font-style:;letter-spacing: 2px;margin-bottom: - px;text-transform: uppercase;width: 360px;FONT-WEIGHT: 800;}
jp3{color: #A38E7F;font-family: 'Limelight';font-size:13px;font-style:;letter-spacing: 2px;margin-bottom: - px;text-transform: lowercase;width: 360px;}
jp2 {font-size:10px;box-shadow: inset 0 -1px 0 #ad8674;color: #A38E7F;font-family: DM Serif Display;/* font-size: 15px; */letter-spacing: px;/* margin-left: -16px; */text-transform: lowercase;}
sstitre {font-size:px;line-height: 10px;font-weight:;font-style:;padding:2px;text-transform: lowercase;letter-spacing: 1px;color: #ffffff;background-color: #b6c9d6;display: block;margin: 0 auto;text-align: center;}
bg8{background-color:; width: 190px;    display: ;    justify-content: center;}
c1 {    font-weight: bold;font-size: 10px;letter-spacing: px;padding:;text-transform: lowercase;}
bg3{background-color: #F5F0F0;width:121px;letter-spacing: 3px; text-shadow: none;display: inline-flex;padding: 2px 3px 2px 4px;justify-content: center;align-items: center;line-height: 115%;letter-spacing: 1px;border-radius: 2px;text-transform: uppercase;font-size: 7px;font-weight: 600;color: var(--blanc)!important;font-style: normal!important;background-color: var(--co3_dark);margin-top: 3px;}
o {color: #A6725A;font-family: 'comfortaa';font-size: 9px;font-weight: 700;letter-spacing:px;text-transform: lowercase;}
.titre {background-color: #fff!important;border-color: #DBD0CC!important;border-radius: 5px;border-style: solid;border-width: 1px;display: block; line-height: 17px;margin-bottom: -5px;padding: 6px 0 3px;text-align: center;}
bg1 {background-color:#f8f8f8;    width: 270px;}
bg1, bg2 {align-items: center;/* border-radius: 2px; */color: #A6725A!important;/* display: inline-flex; */font-size: 9px;/* font-style: normal!important; */font-weight: 600;justify-content: center;letter-spacing: px;line-height: 115%;padding: 1px 1px 1px 1px;text-shadow: none;/* text-transform: uppercase; */}
t2 {display: inline-block;font-size: 9px;font-style: italic;font-weight: 600;letter-spacing: 2px;line-height: 7px;padding: 4px 8px;text-transform: lowercase;font-family:'playfair display';color:  ;}
bg4 {display: inline-block;font-size: 9px;font-style:  ;color: var(--blanc);font-weight: 600;letter-spacing: 2px;line-height: 7px;padding: 4px 8px;text-transform: lowercase;font-family:'playfair display';color:  ;background-color: var(--co3_light)}
t3 {display: inline-block;font-size: 9px;font-style:;font-weight: 600;letter-spacing: 2px;line-height: 7px;padding: 4px 8px;text-transform: lowercase;font-family:' ';color: #BDCFD9;background-color: #E8EDF0;font-family:'raleway';}
c5{font-size: 7px;letter-spacing: 2px;padding:  ;text-transform: lowercase;margin-left :  px;font-family:'arya';}
c9 { line-height: 1.5;   color: #A38E7F;box-shadow: 0 1px #ad8674;font-family:'comfortaa';font-size: 9px;letter-spacing:px;margin-left: px;text-transform: lowercase;margin-left: px;}
Z{text-transform: lowercase;font-size: px;letter-spacing: px;text-align: center;font-family:'comfortaa', sans-serif;color:;text-transform:;margin-top: -10px;line-height:10px;color:#A6725A}
Z:hover{color:#B81B21;}
m{font-size: 9px;font-style:;text-transform:;letter-spacing:0px;line-height:15px;font-family:'comfortaa';text-align:justify;}
m2{font-size: 6px;font-style:;text-transform:lowercase;letter-spacing:0px;line-height:10px;font-family:'times';margin-right:155px;background-color:#FAF9F7 }
jp4 {background: #c2bdb84f;border: 1px solid #c2bdb84f;display: block;margin-left: -px; margin-right: px;margin-top: -2px;padding: 6px;text-align: center; width: 212px;}
em, u{    box-shadow: ;text-decoration: none!important;color: ;}
/********************/PAGE ACCEUIL/********************/
.bordurefond {background:#fefdfd;border : 1px solid #f8f8f8;height:90px;width: max-content; margin-left: -41px;}
.cadre_anim {overflow: auto; text-align: justify; width:px; height: max-content;border: px solid #f8f8f8; padding:1px;margin-botton : -25px;width:190px}
.pa_cadreborder8 {margin-left:-22px;margin-top: 1px; background-color: #fdfcfc;    border: 1px solid #f8f8f8; white-space: normal; width:190px}
.pa_cadreborder7 {background-color: #c2bdb84f;border: 1px solid #c2bdb84f;margin-left: 20px;margin-top: 8px; white-space: normal;width: 192px;}
.pseudostaffpa {    color: #A6725A;border-color: #f1edeb!important;font-family: DM Serif Display;/* font-size: 12px; */letter-spacing: 1px;margin-left: 4x;margin-top:px;text-align: center;/* word-spacing: 4px; */}
.statutstaffpa {    filter: grayscale(1);    color: #A38E7F;box-shadow: 0 -1px #a38e7f85;font-family: 'arya';font-size: 8px;line-height:;margin-left: 20px; margin-top: px;text-align: center;text-transform: lowercase;width: 150px;word-spacing: 2px;font-weight:;}
.imagepastaff{filter:;margin-left:px;    margin-right:px;border-radius: px 0px  px 0px;height:px;display:inline-block;opacity: ; margin-top: px;background:;width:60;pxborder: 1px solid var(--clair);border-radius:;height:px;background-color: #fdfcfc;}
.cadretexte {margin-left: -15px;margin-top: 22px;white-space: normal;width: px;}
.cadreensemble {background-color: #c2bdb84f;border: 1px solid #c2bdb84f;height:35px;margin-botton: -25px;margin-left: 22px; margin-top: -5px;overflow: auto; padding-right: 3px;text-align: justify;width: 182px;}
.pa_cadreborder9 {background-color: #c2bdb84f;border: 1px solid #c2bdb84f;margin-left: 7px;margin-top: px;padding-bottom: 5px;white-space: normal;width: 185px;margin-top: 40px;}
.pa_cadrecontexte {padding: 2px;background-color: #c2bdb84f;overflow:auto;height: 58px; width: 220px;text-align: justify;    border: 1px solid #c2bdb84f;}

/********************/ONGLET STAFF POUR PAGE ACCEUIL/********************/
.pseudostaff{width: 214px;border-radius:0px 0px 0px 0px;color:#3B3B3B;background: #; margin-left: 3px;margin-top:15px;font-style:;text-transform:lowercase;font-family: 'Indie Flower'; font-size: 16px;text-align:center;word-spacing:2px;}
.contacterstaffpa{width: 214px;height: 18px;border-radius:0px 0px 0px 0px;color:#3B3B3B;background: #; margin-left: 3px;font-family:'arya';margin-top:-2px;text-transform:lowercase;font-size:11px;text-align:center;}
.imagepa3{border-radius: px 0px  px 0px;height:11px;display:inline-block;opacity:1;margin-top: 20px;}
.mon_onglet{background: #;font-width: 180px;border-radius:90px 0px 90px 0px;border:0px solid #EFDEBF;padding:px;cursor:pointer;height:20px;display:inline-block;opacity:0.7;margin-top:3px;}              
.mon_onglet_selected{border:0px solid #C7AC9F;padding:px;opacity:;display:inline-block;margin-top:3px;}        
.clear{clear: both;}  
.cadre4pa{ width: 50px; height:30px; border:2px solid #D99C34;padding:3px;}
.cadre4pa{ width: 50px; height:30px; border:2px solid #C3CDD4;padding:3px;}
.mon_contenu{margin-top:-39px;width:200px;height:20px;line-height: normal;font-size: 10px;}
#mes_contenus, #mes_onglets{font-width: px;height: 100%;width:100%;display:;    margin-top: -1px;text-align: center;margin-left:px;}

#av_quickreply img
{
position: relative;
width:150px;
height:240px;
border-radius:1px;border: 2px solid #a38e7f;
    padding: 1px;
}
 
#av_quickreply
{
    float: left;
    height: 240px;
    margin-left: -170px;
    margin-top: -px;
    position: absolute;
    width: 160px;
}
 
div.sceditor-container{min-height:240px !important;border: 1px solid #c2bdb84f}

/* barre de navigation */
.navfond {background-color: #;margin-top: -23px;padding: 5px;width: }
.navfond2 {background-color: ;    border: px solid # ;    padding-bottom: px; padding-top: px;padding-right: px;
    padding-left: 70px;
}a.mainmenu img{display:none;}
a.mainmenu {    color:  !important;
    font-family: 'muli';
    font-size: 8px;
    font-weight: lighter;
    letter-spacing: px;
    text-transform: lowercase;    box-shadow: inset 0 -2px 0 #c2bdb84f;}
pr5 {background: #eaeaea;color: #111;font-family: 'raleway';font-size: 10px;font-weight: 700;letter-spacing: 3px;padding: 2px;text-transform: lowercase;}
.sceditor-container iframe, .sceditor-container textarea, .sceditor-container ltr sourcemode {height:px;background: #fff;border: 0;color:#777777!important ;font-family: verdana,arial,comfortaa,sans-serif;font-size: 13px;margin: 5px;outline: 0;padding: 0;resize: none;border: 1px solid #343434;}
#quick_reply #textarea_content {height:300px}
/* affichage liste des membres */
#lmber {margin:auto; width:775px;}
/* entête - rechercher un utilisateur ou modifier ordre affichage */
.tlelmber {margin:0 auto 5px; width:765px;background:rgba(255,255,255,0.5); /* modifiable */}
/* titre entête */
.tlelmber th {margin-bottom:5px; padding:5px 0;text-transform:lowercase; font-family:'poiret one'; font-size:11px;background:; color:#9dbdb0; text-align:center; /* modifiable */}
/* bloc membre */
.mber {float:left; margin:5px;width:135px; padding-top:10px; text-align:center;background:grey; /* modifiable - couleur par defaut */}
/* avatar */
.imglmber{margin:auto; margin-bottom:-55px;width:100px; height:100px; border-radius:px; overflow:hidden;}
.imglmber img{width:100px;}
/* nombre de messages */
.msglmber {position:absolute; margin-top:10px; margin-left:10px;width:80px; height:40px; padding-top:30px; border-radius:10px;font-family:'helvetica'; font-size:12px; text-align:center; font-weight:bold;background:rgba(250,250,250,0.8); /* modifiable */opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;}
.imglmber:hover .msglmber {opacity:1;}
/* bloc pseudonyme & inscription / derniere visite / images mp & www */
.boxlmber {padding:45px 10px 7px;font-family:helvetica;font-size:1px; text-transform: lowercase; text-align:center;background:rgba(255,255,255,0.8); /* modifiable */}
/* bloc pseudonyme & inscription */
.namelmber{margin-top:13px; height:25px; padding:2px 0;text-align:center; text-transform:lowercase; letter-spacing:1px; font-family:'satisfy'; font-size:12px;background:#fdfcfc; /* modifiable */}
/* date inscription */
.joinlmber{font-size:8px; text-align:center; letter-spacing:0; font-family:'helvetica';}
/* derniere visite */
.lstvlmber {margin-top:5px; padding:2px 0;background:rgba(255,255,255,0.6); /* modifiable */font-size:9px; text-align:center;}
/* images mp & www */
.btnlmber {margin-top:px; height:px;}
.btnlmber img{max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);}
.datepost {font-family : helvetica; font-size:9px; text-transform:lowercase; display: inline-block; margin-right: 205px;}



/*flèche haut et bas a droite du forum*/
.boutonhautbas {bottom: 40px; right: 10px;position:fixed;z-index: 100;margin-right:50px;width:px}
/* nouvel categorie */
.titreannote {margin-top:px;}
.titrecat {background-image: url(https://media0.giphy.com/media/h1gf3nnrcwilmja2nd/source.gif);line-height: 4; font-family:;text-align: center; display: block; width: %; background-color: #c2bdb8; color: #fff; -moz-border-radius-topleft: 60px;-moz-border-radius-topright: 60px; margin-top: 12px;text-transform: lowercase; height: 30px; font-weight: bolder;}
.liensfo {background-color:;font-family: 'oswald';letter-spacing:1px;margin-top: -10px; width:;margin-left:5px;text-transform:;    font-weight:;}
.titrelien {font-weight: 800;font-style:;font-family:'muli'; text-transform: ;letter-spacing: 3px;   font-size:px; padding-top: 7px;box-shadow:;width: max-content;font-weight:;}
.descriptionfo {    padding: 5px;background-color: #c2bdb84f;margin-top: -8px;text-align: justify; font-family: ; font-size:11px;    width: 520px;    line-height: px;border: 1px #c2bdb84f;;}
.imgmesscate{width:100px}
.imgmesscates{width:150px; height:26px; margin-top:2px;  margin-left: -3.5px;    border: 1px solid #c2bdb84f; opacity: 60%;    background: #c2bdb84f; }
.lastpost-avatar img {border: 2px solid #b2c2ae73; opacity: 80%; height: 63px;border-radius: 1px;border: 2px solid #b2c2ae73;margin-top:-1px;    margin-left:px;width: 40px;}
.sjtmsg {border : 1px solid #c2bdb84f; font-family: 'muli'; text-transform: lowercase;font-size: 9px; line-height: 1; height: 69px;   text-shadow: 4px 4px 4px #fffffff; width: 100px;background-color: #c2bdb84f; background-image: url(http://files.getwebb.org/files/31/c7/8a/c235614…/source.png); width:203px;; margin-right:px;}
.sujetsmess {font-family:'comfortaa';  color:#bababaad!important;   font-style:;     margin-left:416px; margin-top: -10px;font-size:7px}
.statstopics {color: ;height: 18px;width:150px;background:#c2bdb84f;border: px solid #343434!important;text-transform: lowercase;font-family: helvetica;font-size:9px;}
.lastpost {color: ;height: 15px;border: px solid #c2bdb84f!important;width:150px;text-transform: lowercase;font-family: helvetica;font-size:9px;    background-color: #c2bdb84f}
.titresujet{color: #ffffff;letter-spacing:2px;    background-image: url(https://2img.net/i/fa/empty.gif);line-height: ; font-family: "comfortaa"; text-align: center; display:; width: %; background-color: #c2bdb8; -moz-border-radius-topleft: 60px; -moz-border-radius-topright: 60px; margin-top: 1px;text-transform: lowercase; font-weight: bolder;}
.topictitle {font-family: 'muli';font-size: 10px;color: #a28d7f;letter-spacing: 1px;}
.topictitle, h1, h2, .name{font-size: 10px;color: #!important;font-family: '';letter-spacing: 0px;}
.sujetecarte {border: 1px solid;vertical-align: middle;border-color: #c2bdb84f!important;background: #c2bdb84f;border: 1px solid;padding: 1px 7px;height: 30px;line-height: 350%;}
.bordurestats { border: 1px solid #c2bdb84f!important;}
.ecritpar {font-style:;display: contents;}
.minititre {line-height: 0.8em !important;text-align: center;font-style: italic; font-family: 'arya';margin-left: 155px; background-color: #fefdfd; border-color: #f8f7f7!important;padding: 7px;}
.trait {border-bottom: #ededed 1px solid;width:px;text-align:center; margin-top: -9px;}
.trait2 {border-bottom: #ededed 1px solid;width:50px;text-align:center; margin-top: 11px;}
.titresujetpost, .cattitle {font-family: 'muli';font-size: 9px; font-weight: bold; letter-spacing: 5px; margin-left: -15px; color:#a6725a}
.post-options a {height: 22px;line-height: 22px;font:normal 11px arial, helvetica, sans-serif;padding: 0px 10px;display: inline-block;margin:5px;}
.ecrirenewsujet {font-family: 'parisienne';font-size: 15px;    margin-left: 25px;    line-height: 3em; display: inline-block;}
.ecrirenewsujet2 {font-family: 'parisienne';font-size: 15px;    margin-left: 25px; display: inline-block;}
.repondrsujet {font-family: 'parisienne';font-size: 15px;    margin-left: 25px;    line-height: .6em;display: inline-block;}
.moderation {font-family: 'comfortaa';font-size: 9px;text-transform: lowercase;}
.moderation img { opacity: .7; width: 15px; }
.btsmodo img { opacity: .7; width: 15px; }
.btsmodo  { font-size:9px;font-family: 'comfortaa'; text-transform:lowercase; }
.gen {font-size:9px;font-family: 'comfortaa'; text-transform:lowercase; }
.cattitle {font-weight: lighter!important;text-transform: lowercase;}
td.cathead, th.thhead {font-size:9px;font-family: 'comfortaa'; text-transform:lowercase; border-width: 1px 1px 0;}
b {color:; font-size: 9px; letter-spacing: 1px;font-family:'arya';}
.gensmall {font-size:8px;}
.profmess {font-size:9px;font-family: ''; text-transform:lowercase; display: inline-block; font-size: 7px; letter-spacing: 2px; padding: 1px 3px 3px 4px; font-family: arial,helvetica,sans-serif;}
.profmess2 {font-size:9px;font-family: ''; text-transform:lowercase; margin-left: 5px; display: inline-block; font-size: 7px; letter-spacing: 2px; padding: 1px 3px 3px 4px; font-family: arial,helvetica,sans-serif;}
h2.topic-title {margin-left: 5px;text-transform:lowercase;color:#a38e7f}
div.topictitle {    display: inline-flex;}

/***bottin des avatars en onglets****/
titrelettre {font-family: 'indie flower';text-transform:uppercase;box-shadow: inset 0 -4px 0 #f5f5f5;}
.femmes, .hommes {    color: #a38e7f;text-transform:lowercase;font-size:11px;font-family: 'poiret one';font-weight: bold;border: 1px solid #a38e7f00;background-color: #;margin-left: 25px;    margin-left: 55px; width:100px;display: inline-block;}
pris {font-family: helvetica; text-transform:lowercase; color:#c318189e;font-weight: bold;font-size: 9px;}
reserve {font-family: helvetica; text-transform:lowercase;font-size: 9px; color:#76aa8b;font-weight: bold;}
scenario {font-family: helvetica; text-transform:lowercase;font-size: 9px;color: #cdd3949e;font-weight: bold;}
nonjoue {font-family: helvetica; text-transform:lowercase; font-size: 9px;color :#c188a5;    font-style: italic; font-weight: bold;}

/* .systab .tab => les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  cursor: pointer;
}
/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
  background: #b8efa1;
  color: #487f31;
  border-color: #487f31;
}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
  color: #ccc;
  background: #333;
}
/* .systab .contents => les conteneurs des contenus associés aux onglets  */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
  float: left;
}
.montab1 .tab {
  border-radius: 10px;
}
.montab1 .contents {
  width:  10%;
  margin-right: 30px;
  border: 1px dashed blue;
  background: #eef;
}
.montab2 .contents {
  width:  40%;
  border: none;
  background: #efe;
  box-shadow:0 0 10px #aba;
  border-radius: 20px;
}
.montab2 .tab.selected {
  color: red;
  background: blue;
}
.montab1 .mononglet4 {
  color: blue;
}
.montab1 .mononglet7 {
  color: orange;
}

/*retire les marges*/
.bodyline {padding: 0px;! important}
.nav, .nav a {font-family:; font-size: 7px; font-weight:; letter-spacing: 1px; text-shadow: 1px 1px #!important; text-transform: lowercase;line-height: 1;text-align:right;color:#a6725a}
.sujets_messages {background-image: url(https://2img.net/r/ihimizer/img411/4715/sanstitre3ex.png);border: 1px solid #;font-family: arya;letter-spacing: 0px;margin-top: -13px;padding: 3px;background-color: #f7f5f4;width: 40px;text-align: center;color: #c4bcbc;height: 16px;}
.pa_cadreborder2 {    margin-left: -5px; background-color: var(--clair);white-space: normal;margin-left: -2px;   margin-top: px;}
.pa_cadrenews2 {overflow: auto;text-align: justify;width: 205px;height: px;width: 205px;height: 58px;border: 3px solid #2a5d68;padding-right: 3px; margin-botton : -25px;}
.pa_cadreborder3 {background-color: var(--clair);border: px solid var(--co2);white-space: normal;margin-left: -2px; margin-top: -17px;}

/************nouveau queel********/
/***saint-max bloc descri****/
paville {    font-weight: bold;color:#000000!important; font-size: 10px; letter-spacing: 0; text-transform: lowercase; font-family: 'poiret one'; font-style: italic;}
/***cadre anniversaire***/
.qeelanniv {border:;height:px; width: 250px;margin-top:5px;margin-left: 26px;text-transform: lowercase;background-color:; border: px solid ;    overflow: auto;}
/* mise en page générale */
.qeelbase { box-sizing: border-box; }
.qeelbase * { box-sizing:inherit; }
/* image du qeel, invisible par défaut */
.qeelimg {display:none;
text-align:center;}
/** bloc de titre du qeel**/
/*bloc contenant le titre "qui est en ligne" */
.qeeltitre{background:url('');padding:px;text-align:center;position:relative;background-color: #c2bdb8}
/*texte du titre "qui est en ligne" */
.qeeltitre .whosonline {font-family:'allison';text-transform: lowercase;font-size:25px;text-shadow: 1px 2px 0 #333;color:#ddd!important;font-weight:bold;text-decoration:none;}
/** contenu principal du qeel**/
.qeelcontenu{background-color:#e8e4df;padding:5px;padding-bottom:10px;}
.qeelcontenu:after {display:table;content:"";clear:both;}
/*zone des groupes*/
.qeelgroupes { }
/* titre "les groupes" */
.qeeltitregr {text-transform: uppercase;color:#a1dd8e;font-weight:bold;text-align:center;font-size:20px;margin: 10px 0;}
/* bloc contenant les onglets (images de groupes) */
.qeelonglets {margin-left: 11px; margin-top: -9px; margin-bottom: 3px;}
.qeelonglets a {display: inline-block; text-align: center; margin-right: 20px;}
/* un petit curseur au survol des groupes */
.qeelonglets a:hover {cursor:default;}
/* bloc contenant la description d'un groupe */
.qeeldescription {/* ~~ réglages */overflow:; /* block formatting context *//* ~~ mise en forme du conteneur */border-width:px 0px;height:85px;width:325px;background-color:#c2bdb84f;border-radius: px;/* ~~ mise en forme du texte */font-size: px;letter-spacing: 0;text-align: justify;line-height: 11px;padding:5px 10px;margin-top: -3px;border: 1px solid #c2bdb84f;    overflow: auto;}
.qeeldescription > div {padding:5px;}
/* titres des descriptions de groupes */
.qeeldescription h4 {margin:0;text-transform:lowercase;text-shadow: 1px 1px 1px white;color: #d4cecc;text-align:justify;font-weight: bold;font-style: ;letter-spacing: 4px;font-size: 10px; font-family : fontawesome,'poiret one';    overflow: auto;}
/*zone des statistiques*/
/* blocs contenant les statistiques */
.qeelblocstats {margin-top:10px;margin-left:5px;float:right;width:18%;position:relative;height:px;background-color: #c2bdb84f;}
/* bordures des blocs de statistiques */
.border--light { border:1px solid #c2bdb84f;height:55px; width: 200px; }
.border--beige {  border:1px solid #c2bdb84f; }
/* effet scrolling vertical pour les blocs de statistiques */
.qeelscroll {height :px;widht:100px;overflow-y : auto;font-family : arial;line-height: -1px;font-size:9px;text-transform:lowercase;}
/* fix : hauteur du bloc contenant la liste des 24h, pour intégrer le titre */
.qeelbientotcontent { height:115px; }
/* petit padding pour les blocs de statistiques */
.qeelstats, .qeelbientotcontent {padding:4px;}
/* titre "bientôt heures" */
.qeelbientottitre {/* ~~ positionnement */position:absolute;bottom:0;right:0;/* ~~ mise en forme conteneur */width:100%;padding:px;background:#c2bdb8;/* ~~ mise en forme du texte */text-align:right;color:white;font-style: italic;font-weight:;font-size:10px;letter-spacing: 3;font-family: 'la belle aurore';color:#a38e7f}
/* fix : affichage de la liste des 24h */
.debug {border-collapse: collapse;}
.debug td { background-color: transparent; padding:0;}
/*réglages généraux*/
.basqeel{padding-top:10px}
/**reglages affichage responsive**/
@media screen and (max-width:640px) {
.qeelonglets { float : none; width:auto;}
.qeelonglets a { display:inline-block;}
.qeelblocstats { float:none;width:auto;min-height:20px;height:auto;}
.qeeldescription {display:none;}}
a.mainmenu:before, a.mainmenu::before {content:" ";font-family:fontawesome;}
/* style par défaut */
a.fa-mention {color:#b8a095;font-family:fontawesome}
/* style au survol */
a.fa-mention:hover {color:#b8a095;font-family:fontawesome}

.tableonglets span.ongletcont {
  display: none;
}
.tableonglets input {
  display: none;
}
.tableonglets input:checked + span.ongletcont {
  display: block;
}
.tableonglets span.ongletcont {
  width: 440px;
  height: px;
  padding: 5px;
  margin-left: -25px;
  overflow:;
  text-align:justify;
  background:  ;
}
.tableonglets label.onglet {
  display:;
  width: 100px;
  margin: 0 0px;
  text-align: center;
  background: ;
  cursor: pointer;    margin-right: 15px;
}

.imageonglet {border-radius: px 0px  px 0px;width: 18px; height:18px;display:inline-block;opacity:1  ;      filter:  ;}
/* navigation */
#navsit {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:20px;
background: #abb7c4c7
; /* modifiable */
}
.navsit {
position:absolute; top:15px; right:15px;
}
.mainmenu img {
display:none;
}
/* bordure avatar */
.avasit {
    border: 1px solid;
    border-color: #f8f8f8;
    border-radius: 5px;
    height: 55px;
    left: 35px;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    top: 3px;
    width: 55px;
    z-index: 5;
}
/* image avatar */
.avasit img{opacity:.8;
width:55px; margin-top: -18px;
}
/* message de bienvenue */
.welcsit {    text-transform: uppercase; margin-top:px;    font-weight: bold
position:absolute; left:130px; top:6px;
font-size:9px; font-family:'cizel'; /* modifiable */
color:; /* modifiable */    color: #536a83!important;
}
/* bienvenue */
.welcsit::before {
float:left; margin-right:5px;
content:''; /* modifiable */
}
/* liens navigation */
#navsit a{
display:inline-block; vertical-align:middle; margin-top: -22px;
text-align:center;
text-transform:lowercase; font-size:9px; font-family:'arya'; /* modifiable */
color:; /* modifiable */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* survol lien navigation */
#navsit a:hover {
color:#e8eff0; /* modifiable */
}
/* deconnexion */
a#logout.mainmenu {
font-size:10px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:px !important; content:' '; /* modifiable */
}
/* menu recherche */
#search_menu {
top:45px !important; left:5% !important;
}
/* couleur fond menu recherche */
#search_menu td.row2 {
background:lightgrey !important; font-family:arial; /* modifiable */
}
/* couleur texte menu recherche */
#search_menu td.row2 span.genmed {
color:black !important; /* modifiable */
}
/* titre menu recherche */
#search_menu th.thhead {
text-transform:uppercase; font-family:arial; /* modifiable */
background:black; color:white; /* modifiable */
}
/* barre menu recherche */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* modifiable */
}
/* bouton menu recherche */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* modifiable */
}
/* recherche avancee */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* modifiable */
}
/* style par défaut */
a.fa-mention {
  color:#333;
}
 
/* style au survol */
a.fa-mention:hover {
  color:#666;
}
.annonces {background-color: #fff; border:  px solid #e3e2e2;font-size: 10px;font-weight: lighter;height: 80px;overflow: auto;padding: 10px;text-align: justify;width: 260px;margin-left:-10px;}

/*redimentionner l'header*/
#i_logo {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px; width: 770px; height: px;}

.span.author, span.genmed.desctopic, c7, c3,  {font-size: 7px;letter-spacing: 2px;padding: 1px 3px 3px 4px;text-transform: lowercase;}



.pa_liens_utiles {
    align-content: flex-end;
    display: flex;
    flex-wrap: wrap;
    font-family: arya;
    height: px;
    justify-content: space-between;
    line-height: 1;
    margin-left: 19px;
    margin-right: 16px;
    padding-left: -1px;
}
a:link, a:active, a:hover, a:visited {
    text-decoration: none !important;
    transition: all .5s;
}
.pa_liens_utiles a {
    color: #2a5d69a8;
}
a.pa_liens_2 {
    color: ;
}

.pa_liens_utiles a {
    background-color: #c2bdb84f;
    border: 1px solid #c2bdb84f;
    color: #a38e7f;
    display: inline-block;
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    margin-top: 2px;
    padding: 3px 0 2px;
    width: 92px;
    display: flex;
    flex-wrap: wrap;
    column-gap: inherit;
    /* display: table-column; */
    justify-content: center;
align-content: flex-end;    font-weight: bolder;}


.pa_news {
    overflow: auto;
    text-align: justify;
    border: 7px solid var(--clair);
    width: 205px;
    height: 58px;
    padding-right: 3px;
  margin-botton : -25px;
}
.pa_border {
    background-color: var(--clair);
    border: px solid var(--co2);
}
.pa_border2 {
    background-color: var(--clair);
    border: px solid var(--co2);
}
.pa_news2 {
    overflow: auto;
    text-align: justify;
    border: 7px solid var(--clair);
    width: 125px;
    height: 58px;
    padding-right: 3px;
  margin-botton : -25px;
}

.pa_cadrenews {
    overflow: auto;
    text-align: justify;
    width: 155px;
    height: max-content;border: px solid #f8f8f8;
    padding-right: px;
  margin-botton : -25px;
}


.mdm:not(:last-child) {
    margin-right: 5px;
}
.mdm {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3px;
}
.mdm img {
    width: 84px;
    height: 40px;
    object-fit: cover;
    margin-bottom: 3px;
}
img {
    border: 0;
}
.mdm span {
    width: 84px;
    font-size: 7.5px;
    text-transform: lowercase;
    font-style: italic;
    line-height: 12px;
}
.mdm span ba1 {
    font-size: 11px;
}
ba1, bb1, c1, bb3 {
    color: #b81b21;
}
ba1, ba2 {
    font-family: 'eb garamond', serif;
    font-style: italic;
    font-size: 15px;
}
bg1 {
    background-color: #d5cdca91;    width: 270px;
}

.mdl.pa.headfo .liens a {
    margin-top: 0!important;
}
#fa_toolbar a, .champs.field_champ-sous-l__0027avatar strong,, .descriptionfo strong, .mdl.rp1 span.texte::first-letter, c1, c2, psdo, t2,{
    font-family: raleway;
}
.ann .intro {
    padding: 10px;
}
#sceditor_smilies, .mdl .intro, .pa .infos, .sceditor-toolbar {
 background-color: #c2bdb84f!important
}


element.style {
}


#fa_toolbar #fa_right #notif_list li.see_all, #fa_toolbar #live_notif .fa_notification, #fa_usermenu img, .ava img, .mdl center img, .ann.up.tete.scenario img, .mdl.rp1 span.texte::first-letter, .rp2 img.droite, .rp2 img.gauche, .sign1 img, span.avamp img, t2,{
    background-color: #e8edf0; margin-left: px;}

element.style {
    margin-top: 4px;
    margin-bottom: 4px;
    display: block;
}
.forumline {
    background-color: #e8e4df;
    border: px #2a2929 solid;
}
.forumline .why1, .forumline .row2, .forumline .row3, .forumline .row3right {
    padding:  px  px;
}
#fa_ticker_container {
  margin-left: 15px;
    margin-top: 4px!important;
    overflow: hidden!important;
    position: relative!important;
    width: 100%!important;
}
html #fa_ticker .fa_ticker_content {
    left: 0;
    position: absolute!important;
}
.champs.field_champ-sous-l__0027avatar strong, psdo, psdo a {
    color: #a7a7a7!important;
    font-size: 8px;
    letter-spacing: 1px;
    text-transform: lowercase;
}
.ann {
    font-size: 11px;
    line-height: 13px;
    margin: 0 auto;
    width: 450px;
}
#fa_ticker {
    overflow: hidden!important;
    position: absolute!important;
    width: 100%!important;
}
.ann.up.tete {
    display: inline-block;
    margin:  px 0;
    vertical-align: ;
    margin-right: 10px;
}


t2 {
    display: inline-block;
    font-size: 9px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 7px;
    padding: 4px 8px;
    text-transform: lowercase;
  font-family:'playfair display';
  color:  ;
  
}

bg4 {
    display: inline-block;
    font-size: 9px;
    font-style:  ;
  color: var(--blanc);
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 7px;
    padding: 4px 8px;
    text-transform: lowercase;
  font-family:'playfair display';
  color:  ;;
  background-color: var(--co3_light);}

t3 {
    display: inline-block;
    font-size: 9px;
    font-style:  ;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 7px;
    padding: 4px 8px;
    text-transform: lowercase;
  font-family:' ';
  color: #bdcfd9;
  background-color: #e8edf0;
  font-family:'raleway';
}

.ann.up.tete.scenario img {
  width: 20px;
    height: 30px;
    margin-bottom:  px;
    margin-left:  px;
  margin-right:  px;
    opacity: .6;
    padding:  px;
    border:2px solid #f0ebe8;
    background-color: #f0ebe8;
    
}
.pa {
    margin-bottom: 15px;
}
.ann {
    font-size: 11px;
    line-height: 13px;
  margin: 0 auto;}

    .ann.up.tete bg1+span {
    display: block;
    height: 38px!important;
    line-height: 11px;
    overflow: auto;
    padding: 7px 0 7px 7px;
    
}
.ann bg1+span, td.months .why1 span.gensmall {
    border-left: 0px solid #dcdcdc;
    display: block;
    margin-top: -1px;
    padding-left: 10px;
    padding-top: 10px;
}
.contexte span, bg1+span, td.months .row1 span.gensmall {
    border-top: 0px solid #c9dce4;
}
.champs.field_champ-sous-l__0027avatar a, .cita, .liensprofil, .post-options a, .rang, .ssfo a, c4, span.author, span.genmed.desctopic {
    font-size: 7px;
    letter-spacing: 2px;
    padding: 1px 3px 3px 4px;
    text-transform: lowercase;
}
c4 {
    padding: 0!important;
}
c5{    font-size: 7px;
    letter-spacing: 2px;
    padding: 1px 3px 3px 4px;
    text-transform: lowercase;
  margin-left : -9px;
 font-family:'arya';}
  
 hr{border-bottom: #a38e7f85 2px solid;width:130px;text-align:center;margin-top: px;}

/*fiche de présentation & scénario & pre lien*/
newprelien {background-color: #fdfcfc;font-size: 10px;border: 1px solid #b6c9d638; width: auto;padding: 8px 8px 8px 8px;text-align: justify;}
.citation{font-size: 8px;letter-spacing: 1px; padding: 1px 3px 3px 4px;text-transform: lowercase; font-family: 'muli';}
m{font-size: 10px;font-style:;text-transform:;letter-spacing:0px;line-height:15px;font-family:arya;text-align:justify;}
m2{font-size: 6px;font-style:;text-transform:lowercase;letter-spacing:0px;line-height:10px;font-family:'times';margin-right:155px;background-color:#faf9f7 }
.texte{width:px;text-align:justify;font-size:11px;line-height:px;font-family:arial;margin-left:-px;}
.texte3{width:430px;text-align:justify;font-size:11px;line-height:11px;font-family:arial}
.cadrescena{width:200px; border:3px solid #a38e7f;padding:1px;    margin-left:px;opacity: .8;margin-left:4px;}
.cadrenewperso{width:200px; border:2px solid #a38e7f;padding:1px; margin-left:px;opacity: .8; border-radius: 0px;}
.cita2{   font-size: 10px;
    letter-spacing: 4px;
    padding: 1px 3px 3px 4px;
    text-transform: uppercase;
  font-family: 'playfair display';}
.cita3{   font-size: 10px;
    letter-spacing: 3px;
    padding: 1px 3px 3px 4px;
    text-transform: lowercase;
  font-family: 'playfair display';line-height:1px;
}
c6{    font-size: 9px;
    letter-spacing: px;
    padding:;
    text-transform: lowercase;
  color: #9c9c9c!important;
   font-family: 'helvetica';
}
c7{color:!important;}

p, td, th {
font-family: helvetica;font-size: 9px; text-transform:;}
#fa_toolbar #fa_right #notif_list li .contenttext, #fa_toolbar a, .cita, .cita a, .liensprofil, .post-options, .post-options a, .rang, .ssfo a, c1, c3, span.author, span.genmed.desctopic {
    color:;
}
a.gen, a.genmed, a.gensmall {font-size:px;
    color: #;
    text-decoration: none;
}
/*fiche administrative*/
.long22{
    border-bottom: #b2c2ae30 2px solid;
    margin-top: px;    margin-left: 90px;;
    /* text-align: center; */
    width: 100px;
    transform: rotate(
-90deg
 );
    vertical-align: top;
    align-content: center;
    height: 20px;
}
texte10 {font-size:11px; font-family:'raleway'; letter-spacing:0px;}
.fond2{border-radius:0px 0px 0px 0px; background-color:#a38e7f1c;border-top:px solid #f8f8f8;padding-left:30px;padding-right:30px;padding-top:10px; padding-bottom:10px;margin-left:x; margin-right:px; border-bottom: px solid #f8f8f8;border-top: px solid #f8f8f8;font-size:px; text-align:justify;line-height:13px;width:400px; height:auto}
.cit{font-size:11px; font-family:'raleway'; letter-spacing:0px;}
.long{border-bottom: #a38e7f85 2px solid;width:330px;text-align:center;margin-top: px;}
.fondprenom{background-color:#;width: 460px;margin-left: -29px}
titre5{font-family:'allison'; font-size:45px; text-transform:lowercase; letter-spacing:1px;color:#a38e7f!important;}
titrepres{font-style: italic;font-family:'allison'; font-size:25px; text-transform:lowercase; letter-spacing:1px;color:#a38e7f!important;text-decoration: underline;}
titre6{font-family:'la belle aurore'; font-size:20px; text-transform:lowercase; letter-spacing:1px;color:#e3e2d7;line-height:29px;margin-bottom:55px;}
.texte2{width:430px;text-align:justify;font-size:10px;line-height:px;font-family:helvetica; margin-left: -16px}
.long2{border: 1px dashed #bdcfd9;width:400px;text-align:center;margin-top:2px;}
titre22{
    box-shadow: inset 0 -1px 0 #b2c2ae40;
    color:;    font-style: italic;
    /* font-style: italic; */
    font-weight: 600;
    font-family: 'poiret one';
}

/*test code admin*/
.fond {
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px;
    width: 450px;
      border-color: #bdcfd9!important;
}
.titre div+span {
  width: 9px;
    display: block;
    margin-top: -3px;
   background-color: #ffffff!important;
}
.titre div {
    display: inline-block;
    font-size: 17px!important;
    line-height: 11px;
    padding: 3px 10px 2px;
    text-transform: uppercase;
  background-color: #ffffff!important;
}
.titre {
    border-style: solid;
    border-width: 1px;
    display: block;
    line-height: 17px;
    margin-bottom: -5px;
    padding: 6px 0 3px;
    text-align: center;
  border-radius:5px
        border-color: #bdcfd9!important;
   background-color: #ffffff!important;
}

.fond .texte {
    border-style: solid;
    border-width: 1px;
    line-height: 13px;
    padding: 10px;
        border-color: #bdcfd9!important;
  background-color: #ffffff!important;
  border-radius:5px;
}
.m14_profilperso.field_gif-, .entete td, span#dernier_membre .pseudo,{
   background-color: #fdfcfc!important;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px 3px 0 0;
    -webkit-user-select: none;
    background: #f7f7f7;
    background-clip: padding-box;
    border-bottom: 1px solid #f8f8f8;
    border-radius: 3px 3px 0 0;
    line-height: 0;
    overflow: hidden;
    padding: 3px 5px 2px;
    user-select: none;
}
#fa_toolbar #fa_right #notif_list li, #submit_button, .m14_profilperso.field_, .admin .intro, .bodyline,{
    border: 0px double var(--co2)!important;
}
, .lesstats, .profil .pseudo .rang, .titre div+span, psdo, psdo a {
    color: #939b9c!important;
}
.cattitle, .description span em, .lastpost a, .lastpost a strong, span#field_id3::before, {
    font-family: questrial;
    font-size: 12px;
    font-weight: lighter!important;}
#chatbox_members .member-title, .profil .pseudo .rang, {
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: lowercase;
}
, .lesstats, {color: #939b9c!important;}
.input.liteoption, input.mainoption,span.genmed.desc {
    color: !important;    font-weight: 400; text-transform:;}
#text_editor_iframe, input, select, textarea {
    border: 1px solid #c2bdb84f;
    color:!important ;
    font-family: helvetica,raleway,helvetica;
    font-size: 9px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;text-transform:;
}
#fa_menulist :link, #fa_menulist :visited, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar #fa_right #notif_list li.see_all a, #fa_toolbar #fa_right #notif_list li.unread a, #fa_toolbar #live_notif .fa_notification a, #fa_toolbar > #fa_right.notification > #fa_notifications, .description span em, {
    color: #bdcfd9!important;
}
#chatbox_members .member-title, .profil .pseudo .rang, {
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: lowercase;
}
span#field_id3::before, t1 {
    display: block;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 11px;
    margin-bottom: -2px;
    text-transform: lowercase;
}

/*test 2 admin*/
div.postbody {
    padding: 20px 30px;
    font-size: 9px;
    text-align: justify;font-family:'comfortaa';}
body {
    overflow-x: hidden;
    text-align: justify;}
:root {
    --blanc: #b8a095;
    --gris: gray;
    --noir: #111111;
    --bordures: #91aab8;
    --co1: #e7f0f5;
    --fonce:#fafafa;
    --clair: #ffffff;
    --co2: #f0f0f0;
    --tx: #adadad;
    --co3_dark: #2a5d6880;
    --co3_light: #f0ebe8;
    --co4_light: #b8a095;
    --co4_dark: #a5b4bd;
    --maj: #534e73;
    --kaz: #5880a0;
    --miz: #3f7675;
    --den: #9f8b5b;
    --kas: #875051;
    --dai: #816a60;}
ba1, bb1, c1, bb3 {
    color: #b81b21;}
ba1 {
    font-family: 'eb garamond', serif;
    font-style: italic;
    font-size: 15px;}

ba2 {
    font-family: 'raleway', serif;
    font-style: ;
    font-size: 9px;}
bg1 {
    background-color: #d5cdca91;}

em {
    font-style: italic;}

.note img:first-of-type {
    width: 65px;
    height: 65px;
    border-radius: 50%;}

fond4 {
    display: block;
    border: 1px solid var(--co2);
    background-color: var(--co1);
    padding: 20px;
    margin: 0 auto;
    max-width: 450px;
  max-height: 950px;}
.cadre_titre {
    border: 4px double var(--co2);
    text-shadow: 1px 1px 0 var(--co2);}
  titre {
    font-family: 'eb garamond', serif;
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-transform: lowercase;
    font-style: italic;
    z-index: 1;
}
.sstitre2 {
    background-color: var(--fonce);
    text-align: center;
    padding: 5px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--co4_light);
    font-size: 13px;
    text-transform: lowercase;
}
cadre5 {
    display: block;
    background-color: var(--clair);
    border: 1px solid var(--co2);
    padding: 20px;
    line-height: 16px;
    text-align: justify;
  max-height: 950px
}
.note {
    line-height: 17px;
    max-height: none;
}
.note {
    min-height: 65px;
    max-height: 600px;
    overflow: auto;
    border-bottom: 1px solid var(--co2);
    padding: 0 3px 3px 0;
    line-height: 11px;
}

.column-layout {
  display: table;
  width: 100%;
  heigh: 70%;
  border-collapse: separate;
  margin-top: -19px;
}
.column-layout > div {
  display: table-cell;
  width: 11.3333%; /* 100%/3 = 3 colonnes */
  padding: 10px;
  border: 5px #dfe7eb solid;
  background: #fcfcfc;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}

.imagepa {
    border: 1px solid #d2e5e8;
    opacity: .5;
    padding: 8px;background: #fcfcfc
}

.imagepa2 {
    border: 1px solid #d2e5e8;
    opacity: .5;
    padding: 3px;
}

.imagepa3 {
    border: 0px solid #d2e5e8;
    opacity: .3;
    padding: 10px;
  margin-right: px
}
.imageville {
    border: 0px solid #d2e5e8;
    opacity: .7;
    padding: 10px;
  margin-right: px
}
.imagepa4 {
    border: 0px solid #d2e5e8;
    opacity: .3;
    padding: 3px;
  margin-right: px;
margin-left: 100px;}

.imagepa5 {
    border: 0px solid #d2e5e8;
    opacity: .3;
    padding: 3px;
  margin-right: px;
margin-left: 200px;}

.imagepaoiseau {
    border: 0px solid #d2e5e8;
    opacity: .3;
    padding: 3px;
  margin-right: px;
margin-right: 100px;height:30px}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3right {
    padding:  px  px;
}
span.span-tab {
margin-left: 15px;
  width: 15px;
  height: 15px;
}

testtitresujet{margin-left: -201px}

/* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
 
/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #fff;
  padding-left:22px;
}
/*nouveau profil*/
img.i_icon_online {
    margin-bottom: -10px;
    margin-left: 65px;
    margin-top: -10px;
    opacity: 1;
    width: 75px;
}
.contenuprofil img {border-radius: 5px;margin-bottom: 4px;margin-top: -3px;max-width: px;opacity: .75;}
span.postdetails.poster-profile > img {border-radius: 5px;margin-bottom: 4px;margin-top: px;max-width: 201px;opacity: .75;}

element.style {
}
.rangs {
    background-color: #a38e7f00;
    color: #;
    font-family: 'oswald';
    font-size: 10px;
    font-weight: px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-top: px;
    padding-bottom: px;
    padding-left: px;
    text-align: center;
    text-transform: lowercase;
    width: 200px; color:#f5f5f5;}
.postdetails.poster-profile span.label {white-space: ;}
.pseudos {
    background-color: #e8e4df;
    /* border: 1px solid #f4f4f4; */
    border-radius: 1px;
    font-family: 'allison';
    font-size: 25px;
    /* font-weight: 700!important; */
    letter-spacing: 2px;
    line-height: 11px;
    margin-bottom: 22px;
    margin-left: 5px;
    padding: 2px;
    text-align: center;
    text-transform: lowercase;
    width: 192px;}

.cadreava {-moz-transition: all 2s;-o-transition: all 2s;-webkit-transition: all 2s;    background-color: #e8e4df; border: solid 2px #e8e4df;border-radius: px;    margin-top: -17px;padding: 2px 2px 2px 2px;text-align: center;transition: all 2s;    margin-left: 6px;    width: 200px; height:  px;    margin-left: px;}
.postdetails.poster-profile img {margin-top: -11x;align: center;display:block ;max-width: 185px;max-heigh: 40px;}
.profcomp {background-color: #a38e7f85;border-radius: 1px;margin-top: -5px;padding: 5px;}
.bordurcontenu {border: solid 1px #eeeee8;}
.nomdeclasse img{background-color: #f4f4f0;border: 1px solid #edede7;}
.contenu2{border-radius: 1px; border: solid px #eeeee8; width: 202px; margin-left: 3px;    margin-top: 9px;}
.postdetails {color: #bdb6bd;font-size: 9px;}
.contenuprofil {letter-spacing: 0px;color:#9e989a;background-color: #e8e4df;border: solid 1px # ;border-radius: 4px:;font-family:arial;font-size: 9px;line-height: 90%;margin-top: -14px;padding: 9px;text-align: justify;width:px;}
.btsmodo img { opacity: .7; width: 15px; }
.btsmodo  { font-size:9px;font-family: 'raleway' }

.description4 img{
height:320px !important ;
width:200px !important ;}
.pseudostitre {
-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  filter: progid:dximagetransform.microsoft.basicimage(rotation=3);}

/*la barre de navigation*/
a.mainmenu img{display:none;}
a.mainmenu {font-weigh: ; text-decoration: none!important;color:;    text-transform: lowercase;font-family: 'muli'; font-size : 8px;letter-spacing: 0px ;
background-color :  ; width:x ;
border-bottom : px solid #230000;}

/*couleur du surlignement*/
::-moz-selection {background: #ededed;color: #bdb6bd}
::selection {background: #f1ece3;color: #5a4e44}
/*le profil "avancé"*/
.imgprof {margin-left: -135px;margin-top: -60px;opacity: .7;width: 100px;}
.boxinfo {border: 1px solid #f7f7f7;background: linear-gradient(#ded3dd,#d9d4e6);display: inline-block;margin:  3px 1px 3px 1;padding:  px;text-align: center;width: 60px!important;text-transform: lowercase;}
.boxinfoprof {border: 1px solid #f7f7f7;}
.boxinfmess {margin-top:15px;font-family:'poiret one';    width: max-content;margin-left: -249px;text-transform:lowercase;border: ;background: linear-gradient();display:;}
.boxinfmess2 {font-family:'poiret one';    width: max-content;margin-left: -180px;text-transform:lowercase;border: ;background: linear-gradient();display:;}
.textinfomess {background-image: linear-gradient(100deg,#90b7e6bf,#d9c0efb5);border: 1px solid #fff;display: inline-block;margin: 1px;padding: 3px;text-align: center;text-transform: uppercase;width: 194px;}
.textranginfo {      width: ;margin-top:px;    width: 200px;padding: px;padding-left: px;padding-right: px;  font-style: italic; text-align: center;text-transform:lowercase;1px solid #c2bdb84f; font-family:'la belle aurore';margin-left: -255px;background-color: #c2bdb84f;}
.titreenligne {  font-size:17px;   border-bottom: 1px solid #f8f8f8;   margin-left: px; font-style: italic; text-align: center;text-transform:lowercase; font-family:'satisfy' , sans-serif;}
.fprof {background: #;border: px solid #e6e6e6;height: px;margin: -27px 0 -25px 15px;padding: 5px 10px 15px;width:px;margin-top:px;height:260px;}
.avatar_membre {width:60px}
  /*bloc avec le texte des champs*/
.abtpfil {display:inline-block; vertical-align:top;width:190px; height:208px;     margin-left: px; padding:10px; overflow:auto; font-size:9px;text-align:  ;background:#a38e7f00; color:#ccc; border: 1px solid #c2bdb84f;/* modifiable */font-family:verdana;font-size: 9px;line-height: !important;margin-top:px;margin-right: 295px;}
/*titre des champs du profil*/
.abtpfil div span {float: left;text-align: left;width:170pxpx;font-weight:; text-transform:lowercase; color:#c2bdb8; font-family:helvetica, sans-serif;font-size:9px; /* modifiable */}
/*liens des informations du profil*/
.abtpfil div a {color:#c2bdb8;font-size:10px; /* modifiable */}
/*info profil*/
.abtpfil div {line-height:15px;padding:px 0;font-family:'' }
.abtpfil .field_uneditable {display:inline-block; }
.pfil {margin:auto; width:623px;}
/*le pseudo*/
.namepfil {margin-bottom:10px; padding:10px;text-transform: lowercase; text-align:center;font-family:"arya";font-size:11px;background:#c2bdb8; /* modifiable */}
/*bloc contact*/
#ktactpfil {float:right;}
/*le bloc pour l'avatar*/
#avpfil {width:170px;margin-left:2px;border: 1px double #e8e8e8;display:inline-block; vertical-align:top; margin-right:30px;width:200px; padding:10px; background:#f7f4f4; /* modifiable */}
.avpfil {margin-top:5px;position:relative; width:170px; height:275px; overflow:hidden;margin-left: 30px;border: 5px solid #e8e8e8;;background: #fdfcfc;opacity: .7;}


/*couleur texte onglet menu bienvenue actif*/
body #fa_right.welcome #fa_menu #fa_welcome { color: grey;font-size:10px; color:#707070; text-transform: uppercase; font-family: "palatino linotype",sans-serif }
#fa_hide{display:none!important;}

/*pour retirer le soulignement*/
a.{text-decoration: none !important;} a:hover {text-decoration: none !important;}a:link {text-decoration: none;}a:visited {text-decoration: none;}a:active {text-decoration: none;}
/*le petit espace*/
.espace {padding: 2px; }
/*barre de séparation*/

/*justification pour tout*/
.postbody {display: block;padding-left: 15px;padding-right: 15px;text-align:justify;}

/*les petits codes en fouillis*/
.lo{font-size: 8px;letter-spacing: 0px;font-family: 'fjalla one', sans-serif;color:#b3b3b3;text-transform: uppercase }
.w{font-size: 10px;letter-spacing: 0px;font-family: 'tahoma' , sans-serif;color:#8a8a8a;text-transform: lowercase }

/*scrollbar*/::-webkit-scrollbar { width: 1px; height:1px;!important}::-webkit-scrollbar-thumb { background-color:  ;!important }::-webkit-scrollbar-track { background-color:  ;!important }
/*slideshow */#slideshow {position:relative;width:320px;height:150px;}

/*le profil des membres */
.entouragecadre{margin-left:16px}
.pseudo {font-family: 'great vibes', cursive;font-size: 21px;letter-spacing: 2px;line-height:12px;text-transform: lowercase;text-align: center;padding: 1px; }
.cadreprofil {background-color: # ;border:0px solid #ededed;width: 210px;padding: 3px; border-radius:4px;margin-left:1px }
.cadreavatar {background-color: #ededed;border:1px solid #ededed;width: 210px;padding: 0px; border-radius:4px;margin-left:16px }
.avataro:hover {opacity: 0.4 ;transition: 2s;-moz-transition: 2s;-o-transition: 2s;-htm-transition: 2s;-webkit-transition: 2s;}
.cadrerang {margin-left:16px;background-color: #ededed;border:3px solid #ededed;width: 198px;padding: 0px; margin-left: - px;border-radius:1px;background:url() no-repeat center}
.cadreinfos {margin-left:16px;background-color: #faf9f7;border:6px solid #ededed;width: 190px;height: 270px;overflow:auto;padding: 1px; border-radius:0px; }
.infos {width:180px;font-size: 11px;text-align: justify;padding: 2px;margin: 1px;color: #8a8a8a;line-height: 9px; }
.rang {font-family: 'arya', cursive;letter-dbd2b5: 3px; color: #d1baba;font-size: 11px; margin-top: -9px;margin-bottom: -5px;text-transform: uppercase; }
.profil_mess img {max-width:180px;border-radius:3px;opacity:0.6;}


/*slideshow */
#slideshow {position:relative;width:320px;height:150px;}
/*gestion des dimensions et débordement du conteneur */
#slideshow .container {position:relative;width:320px;height:150px;overflow:hidden;}
/*le conteneur des slides */
#slideshow .slider {position:relative;left:0;top:0;width:400%;height:145px;animation:slider 16s infinite;-webkit-animation:slider 16s infinite;}
/*fonction animation */
@keyframes slider {0%,20%,100% {left:0}25%,45% {left:-100%}50%,70% {left:-200%}75%,95% { left:-300%}}
@-webkit-keyframes slider {0%,20%,100% {left:0}25%,45% {left:-100%}50%,70% {left:-200%}75%,95% { left:-300%}}

/* dernier inscrit */
bienvenuea{    font-style: italic;    color: #5e6e85!important;font-weight: bold;letter-spacing: 2px;  vertical-align:; margin-left: px;margin-top:12px; box-shadow:; font-family: ''; text-transform:lowercase; font-size: 10px;display :flex;}
.majdernieruser {margin-right: -390px;width: 302px;height: 55px;background-color:#  ;border:1px solid #;font-size: 10px;padding: px;overflow: ;text-align: justify;margin-top: -85px ;  margin-left:-5px; }
#qeel-dernier div {width: 190px;height: 150px;background-color:#faf9f7  ;border:1px solid #ffffff;font-size: 10px;padding: 10px;overflow:hidden ;text-align: justify;margin-top:-121px;font-size: 10px;color:#faf9f7; margin-left: 3px;text-align: center;width:  ;background:;height: 50px;margin-top: -111px;}
testqeel{margin-left:-18px;margin-top:-33px}
#avatar_dernier_membre img {-moz-border-radius: 100px;/* -webkit-border-radius: 100px 100px 100px 100px; */border: 2px solid #b2c2aefc;padding:1px;/* border-color: #f2ece9; */; /* border-radius: 60%; */;   /* border-width: 5px; */; /* box-sizing: border-box; */; /* height: 52px; */; margin-left: -89px; margin-top: -51px; width: 80px;    opacity: 0.9;}
#dernier_membre .pseudo { font-size: 15px!important;padding-bottom: 1px; }
#dernier_membre{display: inline-block;font-family: 'playfair display',serif;font-size: 10px;box-sizing; border-box;font-size: 11px;line-height: 10px;margin: 0 auto -10px;padding: 9px;text-align: justify;width: 452px;margin-top:-60px; margin-left: 55px;}

form#quick_reply {margin-left: 15%;margin-right: -7%; width: 490px;border-color:#ece9e7}
#quick_reply .sceditor-container {min-height:250px;max-height:auto !important;}
.sceditor-grip {display:none;}
#fa_search {display:none!important;}
span#fa_share {display:none!important;}
#fa_right a.rightheaderlink{color:#707070 !important ;
font-size:10px; color:#707070; text-transform: uppercase; font-family: "shadows into light",sans-serif; !important ;}
body #fa_right.notification #fa_menu #fa_welcome , body #fa_right #fa_menu #fa_welcome { color: grey;font-size:10px; color:#707070; text-transform: uppercase; font-family: "shadows into light",sans-serif  }
body #fa_toolbar #fa_service { font-size:10px; color:#707070; text-transform: uppercase; font-family: "palatino linotype",sans-serif;!important; }

/*personnaliser les codes : spoiler, cite, cacher*/
/*bloc qui contient le titre et le contenu de code, spoiler, quote et hide*/
.codebox {font-family: helvetica;    font-size: 9px;text-transform:lowercase;
  propriété: valeur;
}
/*contenu de code, spoiler fermé, quote et hide*/
.codebox > dd:first-of-type  {font-family: helvetica;font-size: 9px;}
/*ligne du titre de code, spoiler et quote*/
.codebox > dt {
  propriété: valeur;
}.code div.cont_code {
    border-radius: 8px;
    font-family: helvetica;
    font-size: 9px;
    font-style: italic;
    line-height: 1;
    background-color: #c2bdb84f;
    border: 1px #c2bdb84f;
}
/*titre de code, spoiler et quote*/
.codebox > dt .genmed, .spoiler > dt {font-family:'arya'; propriété: valeur; color:#a38e7f; box-shadow: inset 0 px 0 #6c73949e;}
.spoiler_content {background-color: #c2bdb84f; border: #c2bdb84f; border-style: solid; border-width: 1px; color: #b08073; display: block;     inline-size: ;font-family: 'source sans pro'; font-size: 10px; line-height: 125%; font-style:}
.codebox dd {background-color: #c2bdb84f;border: solid 1px #c2bdb84f;margin: 0;}
.hidecode dd {line-height: 1;}
.selectcode { float:right; text-transform: lowercase; cursor:pointer;font-family:'arya';box-shadow: inset 0 -1px 0 #7f94788f;}
div.cont_code { clear: right; }
/*troisième  version*/
.espace {padding: 2px; }
/* slideshow */
#slideshow {position:relative;width:320px;height:150px;}
/* gestion des dimensions et débordement du conteneur */
#slideshow .container {position:relative;width:320px;height:150px;overflow:hidden;}
/* le conteneur des slides */
#slideshow .slider {position:relative;left:0;top:0;width:400%;height:145px;animation:slider 16s infinite;-webkit-animation:slider 16s infinite;}
/* fonction animation */
@keyframes slider {
  0%,20%,100% {left:0}
  25%,45% {left:-100%}
  50%,70% {left:-200%}
  75%,95% { left:-300%}}
@-webkit-keyframes slider {
  0%,20%,100% {left:0}
  25%,45% {left:-100%}
  50%,70% {left:-200%}
  75%,95% { left:-300%}}

/* onglets */
.tab {display: ;cursor: pointer; /* change la souris au survol */margin: 1px; /* haut-bas droite-gauche ; espace entre les onglets */padding: 3px 0 0; /* haut droite-gauche bas ; replace le texte au centre de l'onglet */ }
.tab.active { /* propriétés de l'onglet actif */}
 /* contenu */
.onglets, .contentbox { float: top;} /* pour les aligner à côté*/
.contentbox { height:220px; width: 323px;/* hauteur */padding:5px; /* espace entre le texte et le bord */margin: 20px;box-shadow: inset 0px 0px 0px #c9c6c3;border: 0px solid #c9aaa3;background-color: #fafafa;text-align:l justify; /* aligne le texte à gauche */ }
.contentbox > div { height:100%; /* nécessaire pour overflow ; dit aux contenus d'adopter la hauteur de leur contenant (contentbox) */
overflow: auto; /* si le contenu dépasse la taille de la zone, il y a une barre défilante */ }
#content_tab2, #content_tab3 {  display:none; /* masque le contenu de l'onglet 2 et 3 */}
.contentbox { float:  /* pour les aligner à côté*/ ;margin-left : -5px; margin-right : 0px; margin-top: 0px;}
.roleplaysheet:after { content:" "; display: block; clear:"both";} /* pour régler les bugs des float */
.imgonglet { display: block; margin-left: 65 px; height: 15px; /* spécifiez la hauteur de l'image, une bonne attitude à prendre */ width:115px; /* spécifiez la largeur de l'image, une bonne habitude à prendre */ }
.imageonglet{height: 18px; width: 18px; display:inline-block;opacity:.5}