CODES

les petites informations importantes
les petites informations importantes
les petites informations importantes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet sapien vitae lorem pulvinar, sed aliquam ex euismod. Etiam facilisis aliquet purus, eu hendrerit lorem blandit vel. Quisque rutrum mi vel erat tincidunt, sed viverra turpis molestie. Vestibulum pharetra, mauris eu accumsan lobortis, dolor ante lacinia ipsum, non lacinia turpis eros in arcu. Mauris pellentesque ultrices consequat. Fusce ut sapien metus. In ligula tellus, ullamcorper rutrum ex eget, semper finibus ex. Proin quis dolor quis elit porta imperdiet.

Vestibulum efficitur mi eu rutrum egestas. Morbi quis nulla enim. Sed a magna purus. Nulla at consectetur arcu. Sed lobortis augue quis augue pulvinar eleifend. Morbi dignissim gravida pretium. Vivamus ullamcorper mollis metus, nec consectetur ipsum eleifend non. Aenean lorem elit, ultrices sed sapien nec, fermentum consectetur lacus. Donec sed mi vitae ante pharetra tincidunt ut id justo. Maecenas finibus ullamcorper ligula, ac dignissim arcu consequat eget. Phasellus sollicitudin, tortor in faucibus aliquet, mauris libero molestie ipsum, id tempor eros dolor nec ipsum.

Sed consequat velit ac justo pretium commodo. Vivamus tortor mi, condimentum ut ante sed, euismod placerat nunc. In porta molestie risus consequat facilisis. Suspendisse tincidunt maximus luctus. Nunc a ex nulla. Nulla viverra quam ac nunc eleifend, at luctus quam posuere. Curabitur eu sollicitudin dolor, quis vestibulum mi. Integer rutrum felis a nisi convallis tincidunt. Fusce laoreet neque justo, quis suscipit augue feugiat vel.

la petite signature qui fait bien si si.

CSS VERSION "HALLOWEEN" :

Code:

/*========POLICES DU FORUM========*/

@font-face {
font-family:'Akkordeon';
src: url('https://dl.dropbox.com/s/9e64wgd46gz0t86/Akkordeon-Seven.ttf');
  font-style: normal;
}
@font-face {
font-family:'Evafiya';
src: url('https://dl.dropbox.com/s/pac6njuyu4ykd81/Evafiya.ttf') format('truetype');
  font-style: normal;
}
.sceditor-container textarea {
  color:#7a657a!important;}
div.sceditor-container, form#quick_reply .sceditor-container.ltr.sourceMode {border:1px solid #bfb3ac;}

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {font-size:13px;}

/*MODE JOUR/NUIT*/
:root {
  --color-text: rgba(255, 255, 255, 0.87);
  --color-bg: #17141b;
  --color-delete: #e74c3c;
  --color-tooltip: #010203;
  --color-squircle: #201f2e;
  --color-accent: #b14255;
  --color-button: #aaa2f2;
  --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);
  --fond : #000000;
  --fond-body:#dacec6;
  --header:url('https://images2.imgbox.com/26/18/Yi8LNwNX_o.png');
  --fond-bodyline:#f2f2f2;
  --gris: #a29692;
  --violet: #401034;
  --orange: #c27955;
  --fond-categorie:#fcfbf9;
  --fond-titrecate: url('https://images2.imgbox.com/54/12/PbzHGJVf_o.png');
  --fond-qeel:#fcfbf9;
  --fond-presa-liens:#f2f2f2;
  --fond-titresousforum: #fcfbf9;
  --fond-barresousforum: #d0c2b9;
}

/*dark mode*/

[data-theme="dark"]{
  --fond-body: #000000;
  --header:url('https://images2.imgbox.com/fd/79/s7yzdZrD_o.png');
  --fond-bodyline:#020202;
  --fond-categorie:#101010;
  --fond-titrecate: url('https://images2.imgbox.com/b4/e8/9wMSxSzy_o.png');
  --violet: #c27955;
  --fond-qeel:#101010;
  --fond-presa-liens:#060606;
  --fond-titresousforum: #101010;
  --fond-barresousforum: #020202;
}

/*codes modifiés*/

body {background-color:var(--fond-body);}
img#i_logo {background-image:var(--header);background-size: 830px;height: 400px}
.bodyline {background-color:var(--fond-bodyline);}
.forumline,.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right,td.row1.over:hover,td.row3.over:hover {background-color:var(--fond-categorie);}


/*toggle*/
.theme-switch-wrapper {
    display: inline-block;
    align-items: center;
    position: fixed;
    z-index: 99;
    right: 0;}

.theme-switch {
  display: inline-block;
  height: 20px;
  width: 50px;
}

.theme-switch input {
  display:none;
}

.slider {
  bottom: 0;
  cursor: pointer;
  left: -15px;
  position: absolute;
  top: 10px;
  transition: .4s;
}

.slider:before {
  background-color: var(--blanc);
  bottom: 4px;
  content: "\eca7" // "\eb96";
  height: 12px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 12px;
  font-family:'cappuccicons';
}

/*input:checked + .slider {
  background-color: #66bb6a;
}

input:checked + .slider:before {
  transform: translateX(20px);
}

.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}*/

/*fin dark mode*/

/*========SIDEBAR========*/

.sidebar {
 background-color: #bfb3ac;
 box-sizing: border-box;
 font-family: "Roboto", sans-serif;
 width: 100%;
 bottom: 0;
 padding: 15px;
 position: fixed;
 height: 250px;
 z-index: 999;
 transform: translateY(100%);
  transition: all 0.9s ease-in-out;
}
.sidebar--deployed {
 transform: translateY(0);
    transition: all 0.9s ease-in-out;
}
.sidebar_btn {
    background-color: #bfb3ac;
    border: 0;
    height: 30px;
    outline: 0;
    position: absolute;
    top: -30px;
    width: 30px;
}
.sidebar_btn i {
      transform: rotate(45deg);
      transition: 0.3s;
}
.sidebar--deployed .sidebar_btn i {
      transform: rotate(0);
}
.sidebar h2 {
  color: #f2f2f2;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 1px;
  position: relative;
}
.sidebar h2:after {
  content: "";
  height: 2px;
  width: 20px;
  position: absolute;
  left: 0;
  bottom: -7px;
  background: #f2f2f2;
}
.sidebar h3 {
width: 175px;
    height: 30px;
    background: var(--violet);
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
    color: #fcfbf9;
    font-size: 11px;
    letter-spacing: 1px;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 5px;}
.sidebar #sidebar1,.sidebar #sidebar2,.sidebar #sidebar3, .sidebar #sidebar4 {display:inline-block;vertical-align:top;padding-right:2em}
.sidebar #sidebar1 {width:400px;}
.sidebar #sidebar2 {width:300px;}
.membresdumois img {margin-top:5px;}
img#avent  {margin-left:25px;}
.calendrier {margin: auto;width: 150px;}
liensidebar {letter-spacing: 1px;font-size: 9px!important;text-transform: uppercase;line-height: 11px;color:#f2f2f2;font-weight:bold}
liensidebar::after {content: " ›";}

/*========MEMBERLIST========*/

.boxmembres {
  width:254px;
  display: inline-block;
  margin:6px;
  text-align:center;
  text-transform:uppercase;
}
.avatarmembres {
  margin:0.3em;
  display:inline-block;
  vertical-align:middle;
  filter: grayscale(0);
  transition: filter 0.5s;
}
.avatarmembres:hover {
  filter: grayscale(1);
  transition: filter 0.5s;
}
.avatarmembres img {
  width: 80px;
  height:128px;
  border:3px solid #bfb3ac;
}
.boxinfosmembres {
  width:140px;
  display:inline-block;
  vertical-align:top;
  padding:0.5em;
}
.boxinfosmembres span {
  display:block;
  line-height:20px;
}
.boxpseudomembres {
  font-family: 'Evafiya';
  background-color:#bfb3ac;
  letter-spacing:1px;
  padding:1px 0px;
  font-weight:lighter;
}
.boxpseudomembres strong {font-size:10px;color:white!important;font-weight:lighter;  }
.infosmembres {
  height:109px;
  background-color:#fcfbf9;
  border:1px solid #bfb3ac;
  text-transform:uppercase;
  font-family:Comfortaa!important;
}
.infosmembres span {font-size: 7.5px;letter-spacing: 1px;}
.infosmembres span .mpmembre {letter-spacing:-4px}


body.chatbox, #chatbox_members, #chatbox, #chatbox_footer {background-color:#fcfbf9!important}
td.catBottom, th.thBottom, td.catHead, th.thHead {border:none;}


/*========SIGNATURES========*/
.sign1 img { width: 120px; padding: 5px;display:inline-block;vertical-align:top; }
.sign1 { font-size: 9px; line-height: 11px; text-align: justify; text-transform: lowercase; width: 310px; }
.sign1 span { display: inline-block; vertical-align: top; width: 163px; margin-left: 14px; }
.sign1 i { margin-bottom: -10px; text-align: justify!important; }
.mdl.rp.signa2 img { border-radius: 10px; opacity: .8; width: 75px; margin-bottom: 3px; }
.mdl.rp.signa2 img+img { margin-left: 2px; }
.mdl.rp.signa2 { margin: 0!important; width: 155px; font-size: 10px; line-height: 11px; margin-left: 30px!important;}
.signa3 img { display: inline-block; height:60px; opacity: .9; padding: 3px; vertical-align: top; box-sizing: border-box; }
.signa3 span { display: inline-block; font-size: 8px; line-height: 12px; margin-left: 7px; vertical-align: top; width: 191px; }
.signa4 span { display: inline-block; vertical-align:middle;background-position: center; background-size: cover; }
.signa4 div.one{vertical-align:middle;display:inline-block;width:150px;}
.signa4 t2 { margin: 0!important; height: 30px; }
.signa4 span.img1 { height: 49px; margin-top: 5px; width: 150px; }
.signa4 span.img2 { height: 84px; margin-left: 5px; width: 55px; }
.signa4 span.img3 { height: 55px; margin-top: 5px; width: 70px; }
.signa4 span.img4 { height: 55px; margin-left: 5px; margin-top: 5px; width: 135px; }
.signa4 div.one div { height: 30px; overflow: hidden; font-family: playfair display; font-size: 8px; letter-spacing: 0.5px; line-height: 10px; }
.signa5 .titre5 {font-size:8px;font-family: Inconsolata;letter-spacing:1px;text-align:center;color:#6c483e;font-weight:bold;text-transform:uppercase;}
.signa5 .texte5 {font-size:8px;font-family:comfortaa;color:#9e9392;text-transform:lowercase;letter-spacing:1px;line-height:normal;text-align:justify;width:165px;padding-bottom: 5px;}
.signa5 .img5 {border: 1px solid;border-radius: 100px;border-color:#8b6b61;padding: 5px;width: 40px;height: 40px;margin:2px}
.signa5 .img5v2 {border: 1px solid;border-radius: 100px;border-color:#8b6b61;padding: 5px;width: 60px;height: 60px;margin:2px}
.signa6 .img6 {border: 1px solid;border-radius:100px; height:60px; width: 60px;border-color:#8b6b61;padding: 5px;}
.signa6 .titre6 {font-size:8px;font-family: Inconsolata;letter-spacing:1px;text-align:center;color:#6c483e;text-transform:uppercase;font-weight:bold;}
.signa6 .texte6 {font-size:8px;font-family:comfortaa;color:#9e9392;text-transform:lowercase;letter-spacing:1px;line-height:normal;}
.signa6 .content6 {width:170px;padding:7px;text-align:justify;}
.signa7 .img7 {border: 1px solid; height:60px; width: 38px;border-color:#8b6b61;padding: 2px;}
.signa7 .content7 {width:170px;padding:7px;text-align:justify;}
.signa7 .titre7 {font-size:8px;font-family: Inconsolata;letter-spacing:1px;text-align:center;color:#6c483e;text-transform:uppercase;font-weight:bold;}
.signa7 .texte7 {font-size:8px;font-family:comfortaa;color:#9e9392;text-transform:lowercase;letter-spacing:1px;line-height:normal;text-align:justify;width:160px;padding-bottom: 5px;}
.signa7 .img7v2 {border: 4px solid; height:60px; width: 38px;border-color:#8b6b61;}

.pa .mdl .titr { color: #f6f5f2!important; display: block; font-family: August Script Bold free; font-size: 72px; text-shadow: #d3b1ab 1px 1px 0; }
.pa .mdl>c3{ color: #a6a9ae!important; display: inline-block; font-family: 'Axis', cursive; font-size: 20px; letter-spacing: 6px; margin-bottom: -13px; margin-top: 16px; background: #fbfaf9; padding: 0 20px 10px!important; }
.pa .mdl .titr:before { content: ' '; display: block; border-top: 1px solid #efefef; margin-top: 11px; margin-bottom: -19px; }

input.liteoption, input.mainoption { text-transform: uppercase; font-size: 8.4px; letter-spacing: 2px; font-weight: lighter; }
form#quick_reply .sceditor-container.ltr.sourceMode { margin-bottom: -12px; }
form#quick_reply .row2 input { margin-bottom: 14px; }
form#quick_reply a.sceditor-button { width: 15px; height: 19px; }

pris, pris a,t1,.champsprofil font,u{ color:var(--violet)!important;  }
#fa_toolbar #fa_right #notif_list li.unread .contentText a {color:#7a657a!important}

.cattitle, th, th.secondarytitle span,td.catHead .th, td.catBottom .th,td.catBottom .nav,.cita,#fa_toolbar #fa_right #notif_list li.see_all a,.mdl.rp1 span.texte::first-letter,.groupe span,.secondarytitle h2,.secondarytitle{color:#fcfbf9!important;}
.mdl t2+span,.contexte span,td.months .row1 span.gensmall{border-top: 1px solid #7f8f81;}
.mdl .other .img,.mdl.ficheliens .ava{border:4px solid #b7806c;}
c1,u { box-shadow: inset 0 -5px 0 #d6c9c2b5; }
span.gensmall.lastpost a i { color: #b7806c; }

.ssfo a,span.author,span.genmed.desctopic,c1,.nav,.cita,.cita a,.post-options,.post-options a,.rang,.liensprofil,#fa_toolbar a,#fa_toolbar #fa_right #notif_list li .contentText,.fa_notification .content.ellipsis,.repertoire .button,span.stats{ color: var(--violet)!important; /*text-shadow: white 0px 0px 0px;*/ }
.navpa a:hover, .ssfo a:hover {color:#b7806c!important;}
div#fa_toolbar,#fa_toolbar #fa_right #notif_list li.unread,input.liteoption, input.mainoption,#fa_toolbar #fa_right #notif_list li.see_all,.mdl.rp1 span.texte::first-letter { background: url(https://2img.net/i/fa/empty.gif); background-position: center center;background-color:#f2f2f2;border-bottom:0px solid #ddced0; }
#fa_toolbar #live_notif .fa_notification {background-color:#121212;}

/* BLOG MAMIE BLOGUEUSE*/

.blogmb {width:450px;border-bottom:1px solid #b7806c;}
.imgblog {width:450px;height:200px;background-size:100%}
.titreblog {background-color: #b7806c;padding: 10px 10px;font-family: 'Axis';letter-spacing: 2px;font-size: 17px;color: #ffffff;text-align:left}
.iconmb {float:right;margin-top:-25px;background-image:url('https://images2.imgbox.com/2a/1a/jdlVM3cA_o.png');width: 70px;height: 70px;background-size: 100%;border-radius: 50px;border: 5px solid #b7806c;}
.texteblog {text-align:justify;margin-bottom:15px;}
.signatureblog {font-family: 'Axis';text-transform: uppercase;font-size: 9px;letter-spacing: 3px;color: var(--violet);font-weight: 100;text-align: left;}

/*mise en forme texte*/
.mdl t2 {color:white;position:relative;/*margin-bottom:-4px;*/line-height:11px;display: inline-block; font-size: 10px; font-weight: 600; font-style: italic; letter-spacing: 2px; text-transform: lowercase;background-color:#7f8f81;padding: 3px 10px;font-family:Roboto;}
.mdl t2+span,td.months .row1 span.gensmall { display: block; margin-top: -1px; padding-top: 10px; border-left: 0px solid #b7806c; padding-left: 0px; }
.descriptionfo strong, .pa .events a, .pa>strong {  display: inline-block; font-weight: 100; letter-spacing: 1px; margin-top: 7px; }
c1,u{ letter-spacing: 1px; font-weight: 500;font-size: 9.5px;}
c1 { text-transform: uppercase; font-weight: 900!important; font-size: 8px; }
.champs.field_champ-sous-l__0027avatar a, .cita, .liensprofil, .nav, .nav a, .navpa a, .post-options a, .rang, .repertoire .button, .ssfo a, c3, span.author, span.genmed.desctopic { text-transform:uppercase;font-size: 7px; font-weight: 800!important; letter-spacing: 1px;margin: 2px 2px; }
.navpa a,span.author,.ssfo a,.rang,.post-options a,span.genmed.desctopic,.liensprofil { display: inline-block;vertical-align:middle; }
.pa em, .label1{ font-size: 9px!important; }
dl.codebox dt span b, dl.codebox dt{font-weight: 600;text-transform:lowercase;font-size: 10px;letter-spacing:0.5px;}
.postbody strong { font-weight: 500; letter-spacing: 0.5px; }
c3,.repertoire .button { padding: 0px!important; }
c2{font-size: 10px; letter-spacing: 1px;}
t1 {font-size: 14px; font-weight: 700; display: block; margin-bottom: 0px; text-transform:lowercase;font-family:Evafiya;letter-spacing:1px;}
t1:before{content:'- ';}
/*t2 {color:#fcfbf9!important}*/

/*font quicksand*/
pris,.monica, .megan, .rachel,.others,reserve,.champs.champs.field_champ-sous-l__0027avatar i,.sign1 i { font-weight:bold;letter-spacing: 1px;  font-size: 9px!important; text-transform: uppercase;font-family: Evafiya, 'Roboto', cursive!important;    line-height: 11px; }
/*font playfair display*/
.navpa a,span.stats,.ssfo a,span.author,span.genmed.desctopic,c1,.nav,.cita,.cita a,.post-options,.post-options a,.rang,.liensprofil,#fa_toolbar a,#fa_toolbar #fa_right #notif_list li .contentText,c3,u, .fa_notification .content.ellipsis,.repertoire .button,.contexte strong,a.mainmenu{font-family:Comfortaa!important;}
/*font family manuscrite*/
t1,.champs.field_champ-sous-l__0027avatar i,.sign1 i,.champs.field_champ-sous-l__0027avatar font,th,.label1,c4,.pseudo,.mdl .titre,td.catBottom .nav,,.pa em,.forumline th span,th.secondarytitle span,span.genmed.desctopic,.qeel c2,.repertoire .top nav,.mdl.rp1 span.texte::first-letter{ font-family: 'Akkordeon', cursive;font-weight: lighter!important;letter-spacing:1px;}
.cattitle {font-family:'Times';}
h1, h2{font-weight:lighter;}
/*font family prata*/
td.months .row1 a,.signa3 span,psdo,.champs.field_champ-sous-l__0027avatar strong,.code div.cont_code,.postbody strong,#fa_toolbar a,u,c1,h2.topic-title,.topictitle,.descriptionfo strong, .pa .events a, .pa>strong,c2,.rang{ font-family: Comfortaa;}
td.months .row1 a,c2,.descriptionfo strong, .pa>strong { font-size: 10px; }

/*========PRESA 2========*/
.presa, .ficheliens {width:515px;}
.presa .pseudopres, .ficheliens .pseudoliens {letter-spacing:2px;width:75%;text-align:left;display:inline-block;font-family: 'Evafiya', sans-serif;font-size:20px;color:var(--violet);text-transform:uppercase;word-spacing:3px;}
.presa .fc {display:inline-block;width:25%;font-family: 'INCONSOLATA', sans-serif;font-size:10px;text-align:right;color:#71777A;word-spacing:3px;text-transform:lowercase;}
.presa hr, .ficheliens hr {border:2px solid #bfb3ac;margin:4px 0}
.presa .id {font-family:'Evafiya';text-align:center;text-transform:uppercase;font-size:8px;color:#71777A;letter-spacing: 1px;margin:10px 0;}
.presa .avatarpr, .ficheliens .avatarpr {background-color:#bfb3ac;padding: 5px!important;width:125px;height:204px;}
.presa .irl {text-align:justify;font-size:10px;position: absolute;width:125px;height: 205px;overflow: auto;opacity:0;background-color:var(--fond-presa-liens);border:1px solid #bfb3ac;padding:4px;transition: 0.3s}
.presa .irl:hover {opacity:1;transition: 0.3s}
.presa .infos {width:260px;display:inline-block;margin:0px 5px;text-align:justify;height:193px;padding:12px 10px;overflow:auto;background-color:var(--fond-presa-liens);vertical-align:top;font-size:12px}
.presa c5 {font-family:'Evafiya';font-size:10px;letter-spacing:1px;color:var(--violet)!important;text-transform:uppercase}
.presa #fondnola {width:80px;display:inline-block;background-color:#bfb3ac;padding:5px}
.presa .imgnola {background-image:url('https://zupimages.net/up/20/34/i6uw.png');height:205px;width:80px;background-size:100%;filter:grayscale(1);}
.presa .anecdotes {vertical-align:top;display:inline-block;text-align:justify;height:231px;width: 343px;overflow:auto;margin: 15px 10px 10px 0;padding-right:10px;font-size:12px}
.presa .caractere {display:inline-block;vertical-align:top;margin:15px 0 10px 0;}
.presa ul, .ficheliens ul {list-style-type: none;margin: 0;padding: 0;}
.presa li, .ficheliens .caractere li {text-transform:uppercase;background-color: var(--fond-presa-liens);border:1px solid #bfb3ac;padding: 4px 0px;margin-bottom: 1px;width: 150px;color: #71777A;text-align: center!important;transition: 0.3s}
.presa li:hover, .ficheliens li:hover {background-color:var(--violet);color:white;transition: 0.3s;color:#f2f2f2}
.presa .citation {display:inline-block;width:110px;font-family:'Evafiya';font-size:17px;vertical-align:middle;text-transform:uppercase;}
.presa .citation:before { content: '❝ NEW ORLEANS IS MY ESSENCE, MY SOUL, MY MUSE';font-size:16px;color:var(--violet)}
.presa .liens {margin:0px 10px;vertical-align:top;display:inline-block;height:129px;width: 268px;font-size:12px;background-color:var(--fond-presa-liens);overflow:auto;text-align:justify;padding:10px 10px;}
.presa .icon {display:inline-block;vertical-align:middle;background-color:#bfb3ac;padding: 5px!important;width:87px;}
c3 {color:#71777A;}

/*========FICHE DE LIENS 2========*/
.ficheliens .anecdotes {font-size:12px;vertical-align:top;display:inline-block;text-align:justify;height:214px;width: 365px;overflow:auto;margin: 5px 5px 10px 0;padding-right:10px}
.ficheliens .infos {text-transform:uppercase;font-size:10px;margin-top:5px;display:inline-block;position: absolute;width:125px;height: 205px;overflow: auto;opacity:0;background-color:#f2f2f2;border:1px solid #bfb3ac;padding:4px;transition: 0.3s;font-size:12px;text-align:center;line-height:24px}
.ficheliens .infos:hover {opacity:1;transition: 0.3s;color:#f2f2f2!important}
.ficheliens .caractere {display:inline-block;vertical-align:top;}
.ficheliens #fondnola {margin:0 5px;width:80px;display:inline-block;background-color:#bfb3ac;padding:5px}
.ficheliens .imgnola {background-image:url('https://zupimages.net/up/20/34/i6uw.png');height:221px;width:80.5px;background-size:103%;filter:grayscale(1);}
.ficheliens .mesrps {overflow:auto;vertical-align:top;display:inline-block;background-color:#f2f2f2;width:243px;height:211px;padding:10px;}
.ficheliens .ideelien {background-color: #f2f2f2;width: 495px;height: 90px;margin-top: 5px;padding:10px;font-size:12px;overflow:auto}
.ficheliens .infos li {color: #71777A;text-align: center!important;transition: 0.3s;margin-bottom:5px}
.ficheliens .infos li:hover {color: #f2f2f2;}

/*modèle rp*/
.rp2 img.gauche,.rp2 img.droite {padding: 5px; width: 100px; }
.rp2 img.gauche{ float: left; margin-right: 5px; }
.rp2 img.droite{ float: right; margin-left: 5px; }

/*modèle rp #3*/
.mdlrp3 {margin:0 auto;width:400px;}
.mdlrp3 td {vertical-align:top;}
.iconrp {width: 100px;background-color:#b7806c!important;padding: 5px;}
.iconrpmilieu {margin:0px 15px;width: 100px;background-color:#b7806c!important;padding: 5px;}
.avatarrp {width:120px;background-color:#b7806c!important;padding: 5px;}
.mdlrp3 .titre {font-family:'Axis';color:#b7806c!important;font-size: 14px;text-align: center;text-transform: uppercase;margin:1em 0;}
.mdlrp3 .texte {text-align:justify;line-height:15px;font-size:11px}
.mdlrp3 .texte:before {content: "❝";font-size:40px;font-family:'Axis'}


/*========HEAD FORUM========*/
.mdl.pa.headfo { display: inline-block; margin: 13px 0; vertical-align: middle; }
.mdl.pa.headfo t2+span { display: block; height: 56px!important; line-height: 12px; overflow: auto; padding: 7px 0 7px 7px; white-space: initial!important; }
.mdl.pa.headfo .events a+a:after{content:none!important;}
.mdl.pa.headfo .events a{margin-top: 0px!important;}
.mdl.pa.headfo span.th.th-leaf-1-o { font-size: 8px; }
.mdl.pa.headfo pris,.champs.field_champ-sous-l__0027avatar font,.mdl.pa.headfo reserve{ margin-bottom:3px;display:block; }
.mdl.pa.headfo.prelien img { height: 42px; padding: 3px!important; opacity: 0.8;margin-bottom:4px; }
.mdl.pa.headfo.prelien a+a { margin-left: 1px; }
.membresmois t2+span c3 { display: block; margin: 3px 0; }
.membresmois c4 { margin: -6px 0; display: block; }
.membresmois t2+span { display: block; text-align: center; }
.membresmois a { display: inline-block; vertical-align: middle;width:120px;position: relative; }
.membresmois a span { background: #f4f4f4e8; display: block; height: 33px; box-sizing: border-box; padding: 5px; top: 0; width: 120px; position: absolute;opacity:0; transition-duration: .2s; transition-timing-function: linear;}
.membresmois a:hover span { opacity: 1;transition-duration: .2s; transition-timing-function: linear; }
.membresmois a img { height: 31px; width: 120px; margin-bottom: 5px; }
.membresmois span a+a { margin-left: 5px; }

/*========BOTTIN========*/
pris,.champs.field_champ-sous-l__0027avatar font { font-weight: 600; }
reserve {  font-style:italic; }
psdo, psdo a,.champs.field_champ-sous-l__0027avatar strong { color: #7A657A!important; font-size: 10px; letter-spacing: 0.6px; text-transform: lowercase; }
psdo:after{content:'.';}
pris:after,reserve:after,.champs.field_champ-sous-l__0027avatar font:after{content:' ›';}

/*le profil*/
.gen.pro img,span.ava a img{width:200px;}
.pseudo { display: block; font-size: 15px; text-align: center; text-transform: uppercase; letter-spacing:1px;font-family: 'Evafiya', sans-serif; }
/*.mdl .titre:before, .pseudo:before { content: ' '; display: inline-block; background: #f2dfce; width: 17px; height: 5px; vertical-align: middle; margin-right: 7px; }*/
.pseudo strong{font-weight:lighter!important;}
.rang { display: block; text-align: center; margin-bottom: 8px;letter-spacing: 1.5px;margin-top:4px}
span.postdetails.poster-profile { display: block; margin: 8px 0;text-align:justify; }
.champs.field_fiche-de-liens- .label, .champs.field_pr__00e9sentation- .label ,.champs.field_champ-sous-l__0027avatar .label{ display: none; }
.champs.field_fiche-de-liens-, .champs.field_pr__00e9sentation- { display: inline-block; }
.label:before{content:'› ';}
c4 { text-transform: lowercase; font-style: italic; letter-spacing: 1px;background-color:var(--violet);padding:1px 5px;color:#fcfbf9;font-family:Evafiya;}
.ava img,span.avamp img,.mdl center img { padding: 2px; }
.ava img {background-color:#bfb3ac;padding: 5px!important;}
.champs.field_gif- c2,.champs.field_gif- br { display: none; }
span.postdetails.poster-profile img { width: 208px;padding: 5px 0; margin: 5px 0; border-top: 1px solid #b7806c; border-bottom: 1px solid #b7806c; }
span.label { font-size: 9px; letter-spacing: 0.5px!important; font-weight: 500; text-transform:lowercase;}
span.label1 {text-transform: lowercase; font-style: italic; letter-spacing: 1px;font-family:Evafiya;}
.post span.ava { display: block; position: relative; }
.champs.field_membre-inactif- { position: absolute; top: 0; }
.champs.field_membre-inactif- img { background: transparent!important; width: 200px; opacity: 0.9; }
.champs.field_fiche-de-liens- { margin-left: 5px; }
.champs.field_multinicks- a {font-weight: 600; }
.ava .infosbonus { height: 320px; opacity: 0; transition-duration: .2s; transition-timing-function: linear; z-index: 99; }
.ava .infosbonus .champs.field_champ-sous-l__0027avatar { height: 300px; overflow: auto;}
.ava:hover>.infosbonus{opacity:1;transition-duration: .2s; transition-timing-function: linear;}
span.postdetails.poster-profile .champs.field_champ-sous-l__0027avatar{display:none;}
.infosbonus { background: #fcfbf9; box-sizing: border-box; font-size: 11px; left: 5px; padding: 10px; position: absolute; top: 5px; line-height: 12px; width: 200px; }
.champs.field_champ-sous-l__0027avatar img { max-width: 180px; background: none; padding: 0px!important; }
.champs.field_champ-sous-l__0027avatar font { border-bottom: 1px solid #2e1d2e; margin-bottom: -7px!important; padding-bottom: 8px; font-size: 14px; }
.champs.field_champ-sous-l__0027avatar i,.sign1 i { display: block; font-size: 9px!important; text-align: center; }
span.postdetails.poster-profile .champsprofil { max-height: 253px; overflow: auto; }
span.postdetails.poster-profile .champsprofil img{display:none;}
.champs.field_gif- img{display:block!important;}
.champs.field_rps, .champs.field_messages- { display: inline-block; width: 98px; }
/*mes trophées*/
.champs.field_mes-troph__00e9es- { padding: 7px 0; }
.champs.field_mes-troph__00e9es- c2{display:none;}
.trophee img { border: none!important; width: initial!important; margin: 0 4px;display:inline-block;vertical-align:middle; }
.trophee {margin-top:10px; height: 13px; overflow: hidden; text-align: right; }
.trophee:hover{height:auto;}
.champs.field_mes-troph__00e9es- br { display: none; }


/*affichage sujet*/
#av_quickreply { display: inline-block; margin-right: 18px; margin-top: -3px; padding: 5px; vertical-align: top; float: right; }
#av_quickreply img {opacity: 0.8;height: 191px; padding:5px; }
#av_quickreply+table { display: inline-block; vertical-align: top; width: 580px; }
span.nav t1 { font-weight: 100!important; font-size: 14px; letter-spacing: 1px;margin-bottom:2px }

/*liste des sujets*/
.th-christmas-ball-o:before { content: "\ec79"; }
div.topictitle { display: block!important; font-size: 10px; margin-top:5px;margin-bottom: 9px; letter-spacing: .5px; width: 500px; }
div.topictitle:after { display: block; border-bottom: 1px solid #f6e3dd; content: ' '; margin-left: 34px; margin-top: -8px; }
span.author { display: block; padding:7px 0;}
span.stats.topics { margin: 5px 0 }
span.author .gensmall br { display: none; }
span.author .gensmall { font-size: inherit!important; font-style: italic; }
.forumline th span{ font-size: 9px;  text-transform: lowercase; vertical-align: text-top;}
img.sprite-icon_minipost { display: none; }
span.genmed.desctopic {  display: block;  padding-top: 7px;}
a.topictitle { background-color: #fcfbf9; padding:0 10px 0 5px; font-size:10px;font-weight:400;}

/*========CATEGORIES========*/
.forumline .row3Right{border:none!important;}
img#i_post, img#i_reply,img#i_post1,img#one,td.boutons img,span.nav img{ width: 130px; }
th {background-image:var(--fond-titrecate);background-size:180%;background-position:top}
th.secondarytitle span,.cattitle ,.secondarytitle h2,.forumline th span strong, .forumline th span,.h_member{ font-size: 15px;font-weight:lighter!important;letter-spacing:4px;font-family:'Evafiya';text-transform:uppercase; }
th {font-weight:lighter!important;letter-spacing:1px;height:38px}
th.secondarytitle span,.cattitle { display: block;    margin: -11px 0;}
.hierarchy { margin-top: 5px; display: block; }
.hierarchy:after {    display: block;border-bottom: 1px solid var(--fond-barresousforum);content: ' ';margin-left: 34px;margin-top: -8px;max-width: 91%}
.titre span {background-color: var(--fond-titresousforum);padding-right: 10px;font-weight: bolder;}
span.stats {  display: block; font-size: 9px; letter-spacing: 1px; margin-top:27px;margin-bottom:0.8em; vertical-align:middle}
span.gensmall.lastpost { line-height:13px;display: block; font-size: 8px!important; letter-spacing: 1px; text-transform: uppercase; width: 140px; margin: 0 8px; }
span.gensmall.lastpost a { font-size: 8px; }
span.genmed.descriptionfo {overflow:auto;display: block; text-align: justify;width:500px;height:82px;padding-top:4px;padding-right:8px;line-height:12px;}
span.genmed.descriptionfo strong{text-transform:lowercase;}
span.genmed.descriptionfo strong:after{content:' /';}
.ssfo { margin-top: 3px; margin-bottom:5px }
.ssfo:before { content: "\e99c"; font-family: cappuccicons!important; font-size: 11px; margin-right: 2px;margin-left:1px; }
span.genmed.descriptionfo br { display: none; }
.lastpost-avatar {border:1px solid #bfb3ac;margin-top:32px}
.lastpost-avatar img {border-radius:0px;width:35px;height:56px}
.nav a img {max-width:250px;}
.mdl .titre{display: block;font-size: 16px;text-align: center;text-transform: uppercase;letter-spacing: 2px;margin:1em 0;font-family:Evafiya;font-weight:lighter}
.titrecate {margin:1em 0;font-weight: bold;letter-spacing:1px;position:relative;margin-bottom:-4px;line-height:11px;display: inline-block; font-size: 9px; font-weight: 600; font-style: italic; letter-spacing: 2px; text-transform: lowercase;background-color:#6cbab5;padding: 3px 10px;}
.titrecate,.sign1 img,.rp2 img.gauche,.rp2 img.droite,.mdl.pa.headfo.prelien img,#fa_usermenu img,.ava img,#fa_toolbar #live_notif .fa_notification,span.avamp img,#av_quickreply img,.mdl center img,.mdl.rp1 span.texte::first-letter{color:#877c5e!important;}
.liensprofil { border-top: 2px solid #bfb3ac; margin-top: 8px!important; padding-top: 5px; text-align: center; display:block!important;}
#fa_toolbar #fa_right #notif_list,#fa_right.welcome #fa_menu ul,input.liteoption, input.mainoption, select,.signa3 img{border: 1px solid #bfb3ac;background-color:#f2f2f2;}
#fa_right{border-bottom: 1px solid #bfb3ac;}
#fa_toolbar #fa_right #notif_list li hr {
  border: 0 solid #f6f3f1;}
.mdl .titre, .pa em,.descriptionfo strong, .pa .events a, .pa>strong,.ssfo:before,.contexte a ,#fa_menulist :link, #fa_menulist :visited,.pa strong,.postbody strong,.label1,c5,#fa_toolbar #fa_right #notif_list li .contentText a,#fa_toolbar #fa_right #notif_list li a.delete::after,c2,.pa .news strong,reserve,.topictitle span i,.signa2 pris,.mdl .events a span,.mdl t2:before,.repertoire a.button.is-checked,.repertoire .top nav .th,.champs.field_champ-sous-l__0027avatar font,a.mainmenu:hover /*span.nav t1 span*/{color:#b7806c!important;}
.mdl .intro,.pa .infos,.quote ,#sceditor_smilies,.sceditor-toolbar{ background-color:#f2f2f2!important;  }
c4 {color:#b7806c;}

/*PAGE D'ACCUEIL*/

.pageaccueil {width:790px;padding: 15px 0px;}
#titrepa {font-family:'Akkordeon';font-size:60px;color: var(--violet);text-transform:uppercase;margin-bottom:10px;letter-spacing:4px}
.pageaccueil hr {width:650px;border:1px solid var(--violet);margin:4px 0}
.lienspa {font-family:Evafiya;margin-bottom:20px}
.lienspa a {color:var(--violet)!important;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;font-weight: bold;}
.lienspa a:hover {color:#b7806c!important}
#contextepa {width:320px;height:200px;text-align:justify;overflow: auto;display: inline-block;margin:0px 7px 0px 14px;line-height:15px;font-size:12px}
#padroite {display:inline-block;vertical-align:top}
#suivipa {width:200px;height:88px;text-align:justify;overflow: auto;vertical-align:top;margin-bottom:5px;font-size:11px}
.pseudostaff {font-family: Evafiya;text-transform: lowercase;letter-spacing: 2px;font-size: 17px;color:var(--violet)}
#infospa {font-size:11px;vertical-align:top;width: 294px;height: 65px;text-align: justify;padding: 8px;background-color: #f2f2f2;border: 0px solid #f2e3e5;overflow: auto;display: inline-block;margin: 10px 0px;}
#intriguepa {vertical-align:top;width: 294px;height: 79px;text-align: justify;overflow: auto;display: inline-block;margin: 13px 0px 10px 11px;font-size:11px}

/* ONGLETS STAFF*/

.onglet
{
    display:inline-block;
    padding:3px;
    cursor:pointer;
    width: 45px;
}

.onglet_0
{
 background:transparent;
}

.contenu_onglet {width: 198px; background-color: #f2f2f2;display:none;padding: 4px 0px;}

/*QUI EST EN LIGNE*/

#qeelgauche {display:inline-block;width:190px;}
#qeelmilieu {display:inline-block;width:100px;margin:0 10px;padding:10px 0;border-top:2px solid black; border-bottom:2px solid black}
#qeelmilieu img {width:100px;}
#qeeldroite {display:inline-block;width:190px;}
#stats {margin:5px 0;padding:5px 0;border-top:2px solid black; border-bottom:2px solid black}

/*messagerie privée*/
th.thHead.secondarytitle.mp span { display: inherit; }

/*qeel*/
.qeel {background-color:var(--fond-qeel);}
span#julien strong { font-weight: 400!important; }
.qeel a[href="/u828"]:before,.qeel a[href="/u456"]:before,.qeel a[href="/u339"]:before,.qeel a[href="/u204"]:before,.qeel a[href="/u826"]:before,.qeel a[href="/u276"]:before,.qeel a[href="/u622"]:before,.qeel a[href="/u779"]:before,.qeel a[href="/u830"]:before,.qeel a[href="/u710"]:before,.qeel a[href="/u755"]:before,.qeel a[href="/u714"]:before,.qeel a[href="/u388"]:before,.qeel a[href="/u409"]:before,.qeel a[href="/u493"]:before,.qeel a[href="/u595"]:before,.qeel a[href="/u579"]:before,.qeel a[href="/u818"]:before,.qeel a[href="/u924"]:before,.qeel a[href="/u959"]:before,.qeel a[href="/u1031"]:before{ color: #e2c677; content: "\f521"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 2px; font-size: 8px; }
.qeel.pa .events strong, .qeel.pa .lastpost strong, .qeel.pa .months strong { color: inherit!important; }
.qeel.pa .news strong { text-transform: uppercase; font-size: inherit!important; }
.qeel.pa .news {    line-height: 11px;font-size: 11px; text-align: justify; height: 45px; margin-bottom: 9px; }
.groupe span { text-shadow:none;color:white!important;font-size: 9px; font-style: italic; font-weight: 600; letter-spacing: 2px; padding: 2px 17px; }
.groupe span+span { margin-left: 4px; }
.chimerically{background-color:#49adb3;}
.sad{background-color:#ea912e;}
.defeat{background-color:#e33f6a;}
.qeel .infos { text-align: justify;font-size: 10px;letter-spacing: 0.2px}
td.months .row1 { padding:0!important;background: transparent; display: block; line-height: 15px; margin-top:-3px }
td.months .row1 a { font-size: 10px!important;}
td.months .row1 span.gensmall {padding-top:6px!important; height: 109px!important; overflow: auto; text-align: justify; margin-bottom: 10px; }
table#delfino { width: inherit; }
.qeel .events>span { border: none!important; display: inline-block; height: 59px; overflow: auto; padding: 2px 0; text-align: justify; vertical-align: middle; width: 312px; margin-left: 4px; }
/*.qeel .events { padding: 9px 0!important; margin:9px 0px}*/
.qeel .events a+a:after{content:none!important;}
.qeel .events a {display:inline!important;color: inherit!important;font-size:10px}
.pa .events t2 {color:#fcfbf9;background-color:#7f8f81;display: inline-block; margin:24px -15px 8px -21px; padding: 3px 12px; transform: rotate(-90deg); vertical-align: top;letter-spacing: 1px; }

/*menu de navigation*/
.contexte, a.mainmenu {font-size: 8px;letter-spacing: 1px; text-transform: uppercase; transition-duration: .2s; transition-timing-function: linear;color:var(--violet)!important;}
a.mainmenu:hover {transition-duration: .2s; transition-timing-function: linear;color:#ee7d60!important}
.navigation {  height: 26px; margin: 10px 0 8px; width: 796px; }

/*code de base*/
::-webkit-scrollbar { width: 5px!important;    background-color: #f2f2f2; }
::-webkit-scrollbar-thumb{background-color: var(--violet);}
.grid .grid-item .intro+div::-webkit-scrollbar,span.postdetails.poster-profile .champsprofil::-webkit-scrollbar,.ava .infosbonus .champs.field_champ-sous-l__0027avatar::-webkit-scrollbar,.cont_code::-webkit-scrollbar,.mdl.pa.headfo t2+span::-webkit-scrollbar,.pa .news::-webkit-scrollbar,.qeel .events>span::-webkit-scrollbar,td.months .row1 span.gensmall::-webkit-scrollbar  {background-color: transparent!important; height: 0; width: 0!important;}
.grid .grid-item .intro+div::-webkit-scrollbar-thumb,span.postdetails.poster-profile .champsprofil::-webkit-scrollbar-thumb,.ava .infosbonus .champs.field_champ-sous-l__0027avatar::-webkit-scrollbar-thumb,.cont_code::-webkit-scrollbar-thumb,.mdl.pa.headfo t2+span::-webkit-scrollbar-thumb,.pa .news::-webkit-scrollbar-thumb,.qeel .events>span::-webkit-scrollbar-thumb,td.months .row1 span.gensmall::-webkit-scrollbar-thumb{background-color: transparent!important; }
.postbody img { max-width: 500px; }
.postbody span.gensmall{ display: none!important; }
.postbody {text-align:justify; padding: 10px 20px; }
.code, .quote, .spoiler_content { font-family: inherit; color: inherit; }
dl.codebox dt, dl.codebox dt span b { font-weight: lighter; position: relative; }
span.selectCode { position: absolute; font-size: 10px!important; bottom: 0; right: 0; }
span.selectCode i{font-size:9px;}
.code .cont_code { font-size: 10px; line-height: 11px; opacity: 0.7; }
a,a:hover,#fa_toolbar #live_notif .fa_notification a,u{text-decoration:none!important;}
.sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
input#button_solved { display: none!important; }
a.mainmenu img,a[href*="/faq"] { display: none!important; }
.navigation a[href*="/search"], .navigation a[href*="/profile?mode=editprofile"] { margin-left: -6px; }
.codebox { max-width: 450px; box-sizing: border-box; }
a.i_icon_mention:hover{cursor:pointer;}
img#i_logo { margin-top: -9px; width:800px;}
span.avamp img { width: 62px; margin: 0 15px; }
u{margin:0px!important;font-weight:bold;}
.codebox dd{background-color:transparent!important;}
span.btsmodo img { height: 15px; opacity: 0.6; }
.forumline {border:0px solid #efe0d9 ;}

/*boutons haut/bas*/
.boutonhautbas { bottom:65px; position: fixed; right: 35px; z-index: 999; }
.boutonhautbas a[href="#bottom"] { display: block; margin-right: -90px; margin-top: -57px;color:#da6a73 }
.boutonhautbas a[href="#top"] { margin-left: 18px; color:#da6a73}

/*la toolbar*/
#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: center; }
#fa_toolbar a {  font-size: 8px!important; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
#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-top: none; }
#fa_menulist{line-height: 17px; padding: 10px 10px 10px 115px; }
#fa_toolbar #fa_right #notif_list li .contentText, #fa_toolbar #fa_right #notif_list li a.delete { display: inline-block; float: none; height: auto; vertical-align: middle; font-family: roboto; text-transform: lowercase;font-size: x-small; }
#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: "\f2ed"; font-family: "Font Awesome 5 Free"; font-size: 9px; }
#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;border:none; padding: 4px!important;color:#a08468}
#fa_toolbar #fa_right #notif_list li.unread { font-weight: lighter; background-color:#b7806c75}
#fa_usermenu img { opacity: .8; width: 82px; padding: 4px; }
#fa_toolbar #fa_right #notif_list li .contentText{width: 30em;}

.fa_notification .content.ellipsis {font-size: 8px!important; letter-spacing: 1px; }

/* SCROLLBAR */
#sidebar.medium::-webkit-scrollbar,#contextepa::-webkit-scrollbar, #suivipa::-webkit-scrollbar, #intriguepa::-webkit-scrollbar, span.genmed.descriptionfo::-webkit-scrollbar {background-color: transparent;height: 0;width: 0;}
#sidebar.medium::-webkit-scrollbar-thumb,#contextepa::-webkit-scrollbar-thumb, #suivipa::-webkit-scrollbar-thumb, #intriguepa::-webkit-scrollbar-thumb, span.genmed.descriptionfo::-webkit-scrollbar-thumb {background-color: transparent;height: 0;width: 0;}


/*ONGLETS LISTING*/

.tableonglets span.ongletcont {
  display: none;
}
.tableonglets input {
  display: none;
}
.tableonglets input:checked + span.ongletcont {
  display: block;
}
.tableonglets span.ongletcont {
  width: 200px;
  height: 150px;
  padding: 5px;
  overflow: auto;
  background: white;
}
.tableonglets label.ongletlisting {
  display: inline-block;
  width: 100px;
  margin: 0 2px;
  text-align: center;
  background: rgb(247 247 247);
  cursor: pointer;
  padding:3px;
}


/*SWITCHEROO*/

.switcheroo {
  color: var(--color-text);
  font-size: 16px;
}
.switcheroo[position="static"] {
  position: relative;
}
.switcheroo[position="top"] {
  position: fixed;
  top: 30px;
  left: 0;
  z-index: 100;
}
.switcheroo[position="bottom"] {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.switcheroo[direction="horizontal"] {
  width: 100%;
}
.switcheroo[direction="vertical"] {
  height: 100%;
}

.switcheroo__squircles {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: var(--gap-size);
  gap: var(--gap-size);
}
.switcheroo[direction="horizontal"] .switcheroo__squircles {
  flex-direction: row;
}
.switcheroo[direction="vertical"] .switcheroo__squircles {
  flex-direction: column;
}

/* squircle */
.switcheroo[theme="discord"] .switcheroo__squircle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-squircle);
}
.switcheroo[theme="discord"] .switcheroo__squircle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  transition: border-radius 128ms var(--ease);
}
.switcheroo[theme="discord"] .switcheroo__squircle:hover {
  border-radius: 36%;
}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-pill);
  position: absolute;
  border-radius: 4px;
  top: 50%;
  transform: translate(-100%, -50%) scale(0);
  transition: transform 128ms, opacity 64ms;
  pointer-events: none;
  opacity: 0;
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-pill);
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translate(-50%, -100%) scale(0);
  transition: transform 128ms, opacity 64ms;
  pointer-events: none;
  opacity: 0;
}
.switcheroo[theme="discord"] .switcheroo__squircle.active {
  border-radius: 36%;
  cursor: default;
}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-50%, -100%) scale(0.5);
}

.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle.active:before {
  opacity: 1;
  transform: translate(-85%, -50%) scale(0.2);
  border-radius: 50%;
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle.active:before {
  opacity: 1;
  transform: translate(-50%, -85%) scale(0.2);
  border-radius: 50%;
}


/* tooltip */
.switcheroo__popper {
  background-color: var(--color-tooltip);
  padding: 0.68rem 1rem;
  position: absolute;
  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;
  color: #fff;
}
.switcheroo[direction="vertical"] .switcheroo__popper {
  left: 155%;
  top: 50%;
  transform-origin: left;
  transform: translateY(-50%) scale(0.98);
}
.switcheroo[direction="horizontal"] .switcheroo__popper {
  top: 155%;
  left: 50%;
  transform-origin: top;
  transform: translateX(-50%) scale(0.98);
}
.switcheroo__popper:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--color-tooltip);
  z-index: -1;
}
.switcheroo[direction="vertical"] .switcheroo__popper:before {
  left: -2px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.switcheroo[direction="horizontal"] .switcheroo__popper:before {
  left: 50%;
  top: -2px;
  transform: translateX(-50%) rotate(-45deg);
}

.switcheroo[direction="vertical"] .switcheroo__squircle:hover .switcheroo__popper {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.switcheroo[direction="horizontal"] .switcheroo__squircle:hover .switcheroo__popper {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.switcheroo__squircle:hover:before {
  opacity: 1;
  transform: translate(-100%, -50%) scale(0.5);
}

/* avatar */
.switcheroo[theme="discord"] .switcheroo__avatar {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.switcheroo[theme="discord"] .switcheroo__avatar img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* divider */
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__divider {
  width: 100%;
  height: 2px;
  background-color: var(--color-pill);
  border-radius: 1px;
  opacity: 0.06;
  transform: scale(0.8);
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__divider {
  width: 2px;
  background-color: var(--color-pill);
  border-radius: 1px;
  opacity: 0.06;
  transform: scale(0.8);
}
/* delete button */
.switcheroo[theme="discord"] .switcheroo__delete {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 16px;
  line-height: 14px;
  height: 16px;
  top: -2px;
  right: -2px;
  border-radius: 50%;
  background-color: var(--color-delete);
  transform: scale(0);
  opacity: 1;
  transition: transform 128ms var(--ease), opacity 64ms var(--ease);
  cursor: pointer;
  font-size: 13px;
}
.switcheroo[theme="discord"] .switcheroo__squircle:hover .switcheroo__delete {
  opacity: 1;
  transform: scale(1);
}
/* logo */
.switcheroo[theme="discord"] .switcheroo__logo {
}
.switcheroo[theme="discord"] .switcheroo__logo img {
  width: 32px;
}
.switcheroo[theme="discord"] .switcheroo__logo:hover {
  background-color: var(--color-accent);
}
/* buttons */
.switcheroo[theme="discord"] .switcheroo__squircle--button {
  transition: border-radius 128ms var(--ease);
  color: var(--color-button);
}
.switcheroo[theme="discord"] .switcheroo__squircle--button:hover {
  color: #fff;
  background-color: var(--color-button);
}
/* modal */
.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: 14px;
  text-transform: uppercase;
  color: var(--color-text) !important;
}
.switcheroo__form-input {
  padding: 6px !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  width: 100% !important;
  border-bottom: 2px solid var(--color-accent) !important;
  background-color: var(--color-bg) !important;
  color: var(--color-text) !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: #fff;
  background-color: var(--color-accent);
}

.monomer-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s opacity ease;
  background: rgba(0, 0, 0, 0.6);
}

.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(--color-squircle);
  color: var(--color-text);
}

.monomer-modal.monomer-open.monomer-anchored {
  top: 20px;
  transform: translate(-50%, 0);
}

.monomer-modal.monomer-open {
  opacity: 1;
}

.monomer-overlay.monomer-open {
  opacity: 1;
}

.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: #fff;
  border: 0;
  outline: none;
  background: var(--color-delete);
  border-radius: 50%;
  padding: 0;
}
.monomer-close:hover {
  opacity: 0.8;
}

/*CODE MATCH*/
#pseudomatch {width:500px;text-align: center;margin: 0;padding: 5px;position: relative;background-color: #f2f2f2;margin-bottom:5px;font-family:'Akkordeon';text-transform:uppercase;font-size:14px;}
#avatarmatch {width:120px;display:inline-block;}
#blocdroitmatch {display: inline-block;vertical-align:top;}
.idmatch {    width: 125px;background-color: #da6a73;padding:1px;display:inline-block;color:#fcfbf9}
#phrasematch {margin:5px 0;font-family:Comfortaa}
#infosmatch {width:377px;height:134px;margin-top:5px;background-color:#f2f2f2;overflow:auto;text-align:justify;padding:5px}
#infosmissmister {width:377px;height:157px;margin-top:5px;background-color:#f2f2f2;overflow:auto;text-align:justify;padding:5px}


SIDEBAR EN BAS CSS :

Code:

/*========SIDEBAR========*/

.sidebar {
 background-color: var(--fond-body);
 box-sizing: border-box;
 font-family: "Roboto", sans-serif;
 width: 100%;
 bottom: 0;
 padding: 15px;
 position: fixed;
 height: 300px;
 z-index: 999;
 transform: translateY(100%);
  transition: all 0.9s ease-in-out;
}
.sidebar--deployed {
 transform: translateY(0);
    transition: all 0.9s ease-in-out;
}
.sidebar_btn {
    background-color: var(--fond-body);
    border: 0;
    height: 30px;
    outline: 0;
    position: absolute;
    top: -30px;
    width: 30px;
}
.sidebar_btn i {
      transform: rotate(45deg);
      transition: 0.3s;
      color:var(--maincolor);
}
.sidebar--deployed .sidebar_btn i {
      transform: rotate(0);
}
.sidebar h2 {
  color: #f2f2f2;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 1px;
  position: relative;
}
.sidebar h2:after {
  content: "";
  height: 2px;
  width: 20px;
  position: absolute;
  left: 0;
  bottom: -7px;
  background: #f2f2f2;
}
.sidebar h3 { height:180px;display:inline-block;background: var(--maincolor);font-family: 'Source Sans Pro', sans-serif;text-align: center;text-transform: uppercase;line-height: 30px;color: var(--text);font-size: 11px;letter-spacing: 1px;margin-top: 15px;margin-bottom: 5px;writing-mode: vertical-lr;vertical-align: top;}
.sidebar #sidebar1,.sidebar #sidebar2,.sidebar #sidebar3, .sidebar #sidebar4 {display:inline-block;vertical-align:top;padding-right:2em}
.membresdumois {display:inline-block;}
#sidebar1 table, #sidebar2 table, #sidebar3 img {display:inline-block;}
img#avent  {margin-left:25px;}
.calendrier {margin: auto;width: 150px;}
liensidebar {letter-spacing: 1px;font-size: 9px!important;text-transform: uppercase;line-height: 11px;color:#f2f2f2;font-weight:bold}
liensidebar::after {content: " ›";}

CODE MATCH CSS :

Code:

/*CODE MATCH*/
#pseudomatch {width:500px;color:var(--textcolor);text-align: center;margin: 0;padding: 5px;position: relative;background-color: var(--maincolor);margin-bottom:5px;font-family:'Gagkline';text-transform:uppercase;font-size:14px;}
#avatarmatch {width:120px;display:inline-block;}
#blocdroitmatch {display: inline-block;vertical-align:top;}
.idmatch {    width: 125px;background-color: var(--fond-bodyline);padding:1px;display:inline-block;color:var(--textcolor)}
#phrasematch {margin:5px 0;font-family:Comfortaa}
#infosmatch {width:377px;height:134px;margin-top:5px;background-color:var(--fond-categorie);overflow:auto;text-align:justify;padding:5px}
#infosmissmister {width:377px;height:157px;margin-top:5px;background-color:var(--fond-categorie);overflow:auto;text-align:justify;padding:5px}