1 résultat trouvé pour b5b5b5

/* cb */

   #chatbox_top, #chatbox_bottom {
     height: 300px !important;
   }

   #chatbox_header, td.catBottom, #chatbox_header.main-head {
     background: #fffefa !important;
   }

   .msg span[style="color:green"] strong {
     color: #b773b2;
   }

   .msg span[style="color:red"] strong {
       color: #e3ce80;
   }

   .msg span[style="color:undefined"] {
     color: #c4b5ab;
 font-style: italic;
   }

   .date-and-time {
     color: #d2cfc4;
   }

   #chatbox_footer #divcolor, #chatbox_footer #divsmilies, #chatbox_footer #help-button, #chatbox_footer .format-message + label {
     background: #fff !important;
     color: #d0c6c1 !important;
     border: 1px solid #f7f2ef;
 font-family:arial !important;
 font-size:10px !important;
 height:15px;
 padding:2px !important;
   }

#chatbox_footer #submit_button  {
     background: #fff !important;
     color: #d0c6c1 !important;
     border: 1px solid #f7f2ef;
 font-family:arial !important;
 font-size:10px !important;
 height:20px;
 padding:2px !important;
   }

#chatbox_footer ,.chatfootertable
{
color:#d0c6c1 !important;
}

   #chatbox_footer #message {
     background: white;
   }

   #chatbox .cb-avatar > img{ border-radius: 5px !important; height:40px !important; width:25px !important;}
   #chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
   body #chatbox .cb-avatar { border: none !important; /*retirer la bordure*/ }

#chatbox_members .member-title {
text-align: left;
padding: 0.5em 0.25em;
background-image: none;
font-size: 11px;
background-color: #fffefa;
color : #d8c4b9;
font-family: Verdanal,Arial,Times New Roman,Arial,sans-serif;
}

#chatbox_members {
 border-right:1px #f0eee8 solid;
}

#chatbox_header {
height: 30px;
background-color: #fffefa;
}

body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #fffefa;
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: " "; }
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
 border-bottom: 1px solid #f7f6f0;
 font-size:11px !important;
}

#chatbox-username chatbox-message-username {
 font-size:10px;
 font-family:cambria;
}

.quicknav {
 position:relative;top:-5px;cursor:pointer;font-family: 'Source Sans Pro', sans-serif !important; text-shadow: -1px 1px 0px #824474;color: #ffffff;text-decoration: none;font-size: 10px !important;
}

.quicknav:hover {
   color: #bd9e44 !important;
   text-decoration: none!important;
}

.navtitle {
   text-align: center;
 width:180px; height: 10px; overflow:hidden;
 margin-left: 10px; font-style: italic;
 font-family: 'cambria'; font-size: 12px;
 line-height: 10px; text-transform: uppercase;
 text-shadow: 1px 1Px 1Px #c7c7c7, 0px 0px 3px #fff;
 padding:7px;
     box-shadow: 0px 0px 1px #fff;
     border-radius: 0px; z-index: 999;
 background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/06/1486352161-fond2.png');
      background-repeat: no-repeat;
      background-position: 0px 0px;
}

.sidenav {
   height: 100%;
   width: 0px;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   background-image: url(https://2img.net/image.noelshack.com/fichiers/2017/06/1486348259-fondtest.png);
 box-shadow: 0 4px 1px #ece78a;
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 60px;
 line-height:4px;
}

.sidenav a {
   padding: 8px 8px 8px 32px;
   text-decoration: none;
   font-size: 10px;
   color: #818181;
   display: block;
   transition: 0.3s;
 margin-left:15px;
   width:170px;
 font-family: 'Fira Sans Extra Condensed', sans-serif;
 display:block; padding:4px 0; line-height:18px; font-size:10px;
 text-transform:uppercase; text-shadow: 0px 0px 1px #fff;
 background:rgba(255, 255, 255, 0.7);
 box-shadow: 0px 0px 1px #ece78a;
 border-radius: 2px;
 text-align:center;
}

.sidenav a:hover, .offcanvas a:focus{
   color: #f1f1f1;
}

.sidenav .closebtn {
 background: transparent;
   box-shadow: 0px 0px 0px transparent;
 width:70px;
   position: absolute;
   top: 20px;
   right: 5px;
   font-size: 10px;
   margin-left: 50px;
}

@media screen and (max-height: 100px) {
 .sidenav {padding-top: 15px;}
 .sidenav a {font-size: 18px;}
}

/* style par défaut */
   a.fa-mention {
 font-size:20px;
 font-family:cambria;
     color:#b87fc4;
 text-shadow:#7b3677 1px 1px 0px;
 margin-top:-10px;
   }
   
   /* style au survol */
   a.fa-mention:hover {
     color:#b87fc4;
   text-shadow:#b46cb0 1px 1px 0px;
   }

/****************************************
TINDER
*****************************************/

.tinder1 { width: 402px; min-height: 620px; background-color: #fff; padding: 20px;  border: solid 1px #efefef; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder2 { width: 402px; min-height: 620px; background-color: #fff; overflow: auto; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.tinder2::-webkit-scrollbar { width: 0px; }

.tinderimg img { width: 300px; height: 300px; border-radius: 10px 10px 0px 0px; border-top: solid 1px #d9d9d9; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; margin-top: 8px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder3 { padding: 16px 14px; width: 272px; height: 20px; border-radius: 0px 0px 10px 10px; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tindername { font-family: 'raleway'; font-size: 16px; font-weight: 400; color: #424242; text-transform: none; text-align: left; line-height: 100%; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tindername b { font-weight: 600; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderbottom { width: 282px; height: 3px; border-radius: 0px 0px 10px 10px; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderbottom2 { width: 266px; height: 3px; border-radius: 0px 0px 10px 10px; border-right: solid 1px #d9d9d9; border-left: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderbuttons { opacity: 1; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.tinder1:hover .tinderimg { margin-top: -50px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderimg img { border-radius: 0px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinder3 { border-radius: 0px; border: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbottom { display: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbottom2 { display: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbuttons { display: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tindername { font-size: 18px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.tinderdesc { padding: 0px 14px 14px 14px; width: 272px; font-family: 'raleway'; font-weight: 400; font-size: 12px; color: #777; line-height: 110%; text-align: left; text-transform: none; display: none; border-bottom: 1px solid #ebebeb; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderinsta { padding: 10px 14px; width: 272px; font-family: 'raleway'; font-weight: 600; font-size: 10px; color: #424242; text-align: left; text-transform: none; display: none; border-bottom: 1px solid #ebebeb; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tindertb td { padding: 0px 8px 8px 0px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tindertb td img { width: 85px; height: 85px; border-radius: 10px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderinterest { padding: 10px 14px; width: 272px; font-family: 'raleway'; font-weight: 600; font-size: 10px; color: #424242; text-align: left; text-transform: none; display: none; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinderint { color: #fa6c68; border: solid 1px #fa6c68; padding: 6px; text-align: center; display: none; text-transform: none; font-family: 'raleway'; font-weight: 300; border-radius: 4px; margin-right: 4px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

.tinder1:hover .tinderdesc { display: inherit; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderinsta { display: inherit; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderinterest { display: inherit; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}
.tinder1:hover .tinderint { display: inline-block; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;}

/* end */
/*********************************************************************
SNAPCHAT*************************************************************/
body{
background: #965994;
margin: 0;
padding: 0;
box-sizing: border-box;
}

.container{
 max-width: 600px;
 margin: 50px auto;
 font-family: 'Open Sans', sans-serif;
}

.phone{
 position: relative;
 background: #1e1e1e;
 height: 500px;
 width: 250px;
 border-radius: 25px;
 margin: 0 auto;
}

.camera{
 position: absolute;
 background: #7A7A7A;
 height: 8px;
 width: 8px;
 border-radius: 15px;
 top: 22px;
 left: 85px;
}

.speaker{
 position: absolute;
 background: #7A7A7A;
 height: 6px;
 width: 50px;
 border-radius: 15px;
 top: 22px;
 left: 105px;
}

.sleep-button{
 position: absolute;
 background: #1e1e1e;
 height: 35px;
 width: 3px;
 border-top-right-radius: 3px 3px;
 border-bottom-right-radius: 3px 3px;
 top: 105px;
 left: 250px;
}

.silent-switch{
 position: absolute;
 background: #1e1e1e;
 height: 25px;
 width: 3px;
 border-top-left-radius: 3px 3px;
 border-bottom-left-radius: 3px 3px;
 top: 60px;
 left: -3px;
}

.volume{
 position: absolute;
 background: #1e1e1e;
 width: 3px;
 height: 35px;
 border-top-left-radius: 3px 3px;
 border-bottom-left-radius: 3px 3px;
 left: -3px;
}

.up{
 top: 105px;
}

.down{
 top: 145px;
}

.screen{
 position: absolute;
 overflow: hidden;
 background: #fff;
 height: 390px;
 width: 230px;
 top: 50px;
 left: 10px;
}

.timer {
 position: absolute;
 background: rgba(0, 0, 0, 0.5);
 height: 20px;
 width: 20px;
 border-radius: 3px;
 top: 5px;
 left: 195px;
 padding: 5px;
 text-align: center;
 color: #fff;
 font-size: 14px;
}

.caption-container{
 position: absolute;
 width: 100%;
 background: rgba(0, 0, 0, 0.5);
 top: 250px;
 color: #fff;
 text-align: center;
}

.caption{
 font-size: 16px;
 font-weight: 300;
 margin: 8px;
}

.home-button{
 position: absolute;
 border: 1px solid #7A7A7A;
 height: 35px;
 width: 35px;
 border-radius: 25px;
 bottom: 12px;
 left: 50%;
 margin-left: -18px;
}
/*END*/

.avatarrpg img {
 max-width:200px;
 height:auto;
}

.catBottom {
 background-color:#FAFAFA !important;
}

.bouton-profil {
   cursor: pointer; /* curseur au survol */
   padding: 5px; /* espacement entre le texte et la bordure */
   text-align: center; /* centrage du texte dans le bloc */
  /* -- mise en forme -- */
  background: #f7f2ef; /* couleur de fond */
   color: #beb2a9; /* couleur texte */
   font-size: 10px; /* taille du texte */
   letter-spacing: 2px; /* espace entre les lettres */
     font-family: 'Cambria';
     text-transform: uppercase;
 box-shadow: 0px 0px 2px #dbcfc6;
}

.profil-cache {
  border: 1px solid #f7f2ef;
 background-color:#f9f6f4;
 box-shadow: 0px 0px 2px #dbcfc6;
 padding:10px;
 height:75px;
}

.avatarmp img {
 width:25px;
 border-radius:5px;
}

.pseudomp {
 font-family: cookie;
 font-size: 20px !important;
text-shadow:#4a1b44 1px 1px 0px;
}

.signature_div {
 font-size:11px;
 padding-left:10px;
   padding-right:10px;
}

.avatarenu img {
 border-radius:20px;
}

.profilenu {
 text-align:justify;
 font-size:11px !important;
 width:300px;
 margin-left:-100px;
}

.profilenu2 {
 text-align:center;
 font-family: cambria;
 font-size: 10px !important;
 width:100px;
     margin-left:-100px;
}

.profilenu3 {
 text-align:center;
 font-family: cambria;
 font-size: 10px !important;
 width:200px;
}
.field_uneditable img {max-width:150px;}

.CSSgal {
position: relative;
overflow: hidden;
height: 122px; /* Or set a fixed height */
}

.avatarficheperso img {
 width:200px !important;
 height:auto;
 border-radius:5px;
}


/* scena */

.iconSCENA img {
 width: 100px;
}

.scrollbartxt2SCENA {
font-size: 11px; text-align:justify;
     width: 315px;
     height: 82px;
     overflow:auto;
     position: relative;
 line-height:11px;
     }

.lienSCENA {
     font-family: 'Cambria';
     text-transform: uppercase;
     font-size: 8px;
     text-align:center;
     position: relative;
     top: 0px; left: -3px;      
 width:318px; color: #c8a646;
 display:block; padding:4px 0; line-height:12px;
 background:#ffffff; border-radius: 1px;
 box-shadow: inset 1px 1px 10px #E4E3E3;
     }
 

/* QEEL */

   .trans .row1 {
       background-color : transparent;
       }

.backqeel {
 background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/07/1487104193-qeel2.png');width:770px;height:550px;
}

.positionleft{
 position:relative;top:50px;left:20px;
}

.box1 {
 color:#9b9b9b;background:transparent;border-radius: 1px; padding: 3px;font-family: Verdana; font-size:10px !important; width:300px; height:123px; padding:4px; border-radius: 1px; font-size:11px;text-align:center; text-shadow:#c4c4c4 0px 0px 1px;
}

.box2 {
 color:#9b9b9b;background:transparent;border-radius: 1px; padding: 3px;font-family: Verdana; font-size:10px !important; width:300px; height:200px; padding:4px; border-radius: 1px; font-size:11px;text-align:center;text-shadow:#c4c4c4 0px 0px 1px;
}

.box3 {
 color:#9b9b9b;background:transparent;border-radius: 1px; padding: 3px;font-family: Verdana;width:300px; height:200px; padding:4px; border-radius: 1px; font-size:11px;text-align:center;text-shadow:#c4c4c4 0px 0px 1px;
}

.box4 {
 color:#9b9b9b;background:transparent;border-radius: 1px; padding: 3px;font-family: Verdana;width:300px; height:123px; padding:4px; border-radius: 1px; font-size:11px;text-align:center;text-shadow:#c4c4c4 0px 0px 1px;
}

/* INSIDE CATEGORIES */

.topictitle {
text-align:center;font-size:17px;font-family:Cambria;color:#858585;text-shadow:#e5e5e5 1px 1px 0px;line-height:12px;position:relative;font-weight: normal;
}

.nsujets {
 font-size:13px;font-family:Cambria;color:#858585;text-shadow:#d0d0d0 1px 1px 0px;
}

   .bouhautbas {
       bottom: 40px;
       right: 10px; /* remplacez left par right pour afficher les boutons à droite */
       position: fixed;
       z-index: 100;
   }

.bouton {
 position: relative; top:110px; left:10px;
}

.nav img {
   max-width: 100px;
   margin-left: -15px;
}

.nav a {
 text-shadow:#4a1b44 1px 1px 0px;
 color:#fff;
}

       .lastpost-avatar {
       float: right; left: -105px; position: relative; top: -21px;
       }

       .lastpost-avatar img {
border-radius:3px;
       }

.lastpost-avatar2 {
       float: left; left: -20px; position: relative; top: 0px; border-radius:2px;
       }

       .lastpost-avatar2 img {
height: 45px; opacity: 0.8;
-webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;
       }

       .lastpost-avatar2 img:hover {
opacity: 1;
}

.hautcate {
     background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/04/1485474491-haut.png');
     height: 100px;
     width: 770px;
     text-align:center;
   }

   .bascate {
     background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/05/1485744142-bas.png'); height: 55px; width: 770px;text-align:center;
   }

   .hautecate {
     background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/04/1485474491-haut.png');
     height: 100px;
     width: 770px;
     text-align:center;
   }

   .basecate {
     background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/05/1485744142-bas.png'); height: 55px; width: 770px;text-align:center;
   }

.name {
   font-family: cambria;
     font-weight: 200;
     padding-top:5px;
 font-size: 10px;
 color: #be9f4c;
 margin-top: 15px;
 text-transform: uppercase;
   }

/*--------------------FORUM------------------------*/

body {
 overflow-x: hidden !important;
  background-color: #f7f2ef;
 background-position: center top, center top;
 background-repeat: no-repeat, repeat-y;
 background-size: auto, auto;
}

.ban1 {
 background-image: url("https://2img.net/image.noelshack.com/fichiers/2017/04/1485379741-bann4.png");
}

.bodyline {width:770px !important; position:relative;z-index:997; }
.forumline {background-color: #fff;border: 0px !important;}
#page-body { width: 770px !important; }
.bodylinewidth {width: 770px !important; margin-bottom: 0px; border-bottom: 0px;}

a {text-decoration: none !important;}
a:link {text-decoration: none !important;}

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

.pseudosujets {
 font-size:30px;font-family:cookie;text-shadow:#ffffff 1px 1px 0px;font-weight: normal !important;
}

       .profilInfos {
  font: 10px arial;
  text-align: justify;
  color: #ababab;
  overflow: auto;
}

.mCSB_scrollTools { height: 200px !important; }

.profilFields > span { white-space:normal!important; font-size:0px; }

.profilFields > span > span { font-size:9px; line-height: 10px; }

/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; }
ul.profile_field_list > li {display:inline;}

/* on rajoute une virgule après chaque item */
ul.profile_field_list > li:after {
content:" ";
}

/* on ne rajoute rien du tout après le dernier item */
ul.profile_field_list > li:last-child:after {
 content:" ";
}
.label {color:#d3bbb4;}
.label::after {content:"\00a0"; }

.profile_fields .profil_field { display: none;text-align:justify; line-height:10px;}
.profile_fields img .profil_field img { max-width: 180px; height: auto; transition: all 1s ease-in-out; }
.profilprofil {width:88px;height:150px;-webkit-transform:rotate(-10deg);-moz-transform: rotate(-10deg);}
.profilprofil img { width: 100px;height:100px;border-radius:3px;background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/07/1487357739-fond.png'); padding:5px; }
    /* champ 1 */   .profile_fields .profil_field:nth-child(1) { display: block; margin-top:-80px;}
    /* champs sous l'avatar */   .profile_fields2 .profil_field2:nth-child(-n+4) { display: none; text-align:justify; line-height:10px; }
    /* champ 2 */  .profile_fields3 .profil_field3:nth-child(2) { visibility: visible !important; width:180px; transition: all 1s ease-in-out;}
    /* champ 2 */  .profile_fields3 .profil_field3:nth-child(2) img { position:relative;z-index:999;max-width: 180px; height: auto; visibility: visible !important;opacity:1 !important; border-radius:5px; transition: all 1s ease-in-out;}
    /* champ 2 */  .profile_fields3 .profil_field3:nth-child(-n+1) { display: none; }
    /* champ 2 */  .profile_fields3 .profil_field3:nth-child(n+3) { display: none; }
    /* champ 3 */  .profile_fields4 .profil_field4:nth-child(-n+2) { display: none; }
    /* champ 3 */  .profile_fields4 .profil_field4:nth-child(n+4) { display: none; }
    /* champ 4 */  .profile_fields5 .profil_field5:nth-child(-n+3) { display: none; }
    /* champ 4 */  .profile_fields5 .profil_field5:nth-child(n+5) { display: none; }

.avatarprofil {
   transition: all 1s ease-in-out;
 position: relative;
 height: 320px;
   padding:3px;
}

.freetextprofil {
   padding:3px;
 position: absolute;
 left: 0px;
 top: 0px;
 margin: 0px;
 margin-top: 0px;
 z-index: 0 !important;
 opacity:0 !important;
width:190px;
height:320px;
 overflow:auto;
 line-height:11px;
 font-size:11px;
 text-align:justify;
 font-family:arial;
      transition: background 0.5s;
 transition: all 1s ease-in-out;
}

.freetextprofil img {
   position: absolute;
 max-width: 180px; height: auto;
   z-index: 111 !important;
 visibility: visible !important;
 opacity:1 !important;
 transition: all 1s ease-in-out;
}

.freetextprofil img:hover {
   position: absolute;
 max-width: 180px; height: auto;
   z-index: 111 !important;
 visibility: visible !important;
 opacity:1 !important;
 transition: all 1s ease-in-out;
}

.freetextprofil:hover {
   padding:5px;
 position: absolute;
 width:190px;
 left: -3px;
 top: 0px;
 margin: 5px;
 margin-top: 0px;
 z-index: 100 !important;
 opacity:1 !important;
width:198px;
height:318px;
 overflow:auto;
 overflow-x: hidden;
 line-height:11px;
 font-size:11px;
 text-align:justify;
 font-family:arial;
 background-color:#f7f2ef;
transition: opacity 1s ease-in-out;
 visibility: visible !important;
}

.avatarprofil img {
 opacity:1;
 z-index: 1;
 position: relative;
 width:200px;
 height:320px;
 background-color:#f7f7f7;
   transition: all 1s ease-in-out;
}

.avatarprofil img:hover {
   position: relative;
   z-index: 0 !important;
visibility: hidden !important;
 opacity: 0!important;
 width:200px;
 height:320px;
 background-color:transparent;
   transition: all 1s ease-in-out;
}

/*-------------TOOLBAR ET BARRE DE NAVIGATION--------------*/

#fa_menulist {
 width: 135px !important;
 height: 120px;
 padding-left: 10px !important;
 padding-top: 215px !important;
 border-right: 2px solid #511948 !important;
 border-left: 2px solid #511948 !important;
 border-bottom: 2px solid #511948 !important;
 background-color: #72326a !important;
}

#fa_menulist li {
 line-height: 1.1em !important;
 color: #ffffff !important;
 position: relative;
 z-index: 200;
 top: 20px;
}

a#fa_notifications, a#fa_welcome {
 color: #ffffff !important;
}

#fa_toolbar #fa_right #notif_list {
 background-color: #ffffff !important;
 border-right: 2px solid #511948 !important;
 border-left: 2px solid #511948 !important;
   border-bottom: 2px solid #511948 !important;
}

#fa_toolbar #fa_right #notif_list li {
 color: #bc7fcb !important;
 text-shadow:#ffffff -1px 1px 0px !important;
}

#fa_toolbar #fa_right #notif_list li .contentText a:link, #fa_toolbar #fa_right #notif_list li .contentText a:visited {
 color: #bc7bc7 !important;
 font-size: 10px !important;
 text-decoration: none !important;
 text-shadow: -1px 1px 0px #ffffff;
}

#fa_toolbar #fa_right #notif_list li .contentText a:hover {
 color: #bd9e44 !important;
}

#fa_toolbar #fa_right #notif_list li.unread {
 font-style: italic;
 background-color: #f4f4f4 !important;
}

#fa_toolbar #fa_right #notif_list li.see_all {
   background-color: #511948 !important;
   padding: 0.7em !important;
   text-align: center !important;
}

#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
 color: #ffffff !important;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

#fa_menu:hover :visited, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {
 color: #ffffff !important;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

#fa_usermenu {
 top: 10px !important;
 width: 170px !important;
}

#fa_usermenu img {
 max-width: 113px !important;
 max-height: 180px !important;
 position: relative;
 z-index:999;
 top: 34px;
}

td.first {
 font-size: 10px !important;
 color: #ffffff !important;
 text-shadow: -1px 1px 0px #824474;
 font-family: 'Source Sans Pro', sans-serif;
 position: relative;
 top: -200px;
 left: 35px;
}

td.bold {
 font-size: 10px !important;
 color: #ffffff !important;
 text-shadow: -1px 1px 0px #824474;
 font-family: 'Source Sans Pro', sans-serif;
 position: relative;
 top: -200px;
 left: 35px;
}

#fa_usermenu td {
   padding: 0px;
   margin-bottom: 0px !important;
   line-height: 9px !important;
   font-size: 0px;
}

#fa_ranktitle {
 width: 160px !important;
 font-size: 25px;
 color: #fff;
 text-shadow: 1px 1px 0px #531945;
 font-family: cookie;
 position: relative;
 top: -190px;
 text-transform: none!important;
 z-index:999;
}

#fa_ranktitle:hover {
 color: #fffcb6 !important;
 z-index:999;
}

a#fa_welcome, a#fa_notifications {
 height: 24px !important;
 background: none !important;
 color: #fff !important;
 z-index:999;
}

.barremenu {
   text-align:center;
 position: fixed;
 top: 0px;
 background-image:url('https://nsa37.casimages.com/img/2017/01/26/170126115433526990.png');
   height: 22px;
 width: 100%;
 z-index: 998;
}

.barremenu a {
 text-align:center;
 position: relative;
 z-index: 20001 !important; text-transform: uppercase;
 font-family: 'Source Sans Pro', sans-serif !important; text-shadow: -1px 1px 0px #824474;
 color: #ffffff;
 text-decoration: none;
 font-size: 10px !important;
 top: -5px;
}

.barremenu a:hover {  
 color: #bd9e44 !important;
   text-decoration: none!important;
}

.barremenu img {
 height: 1px;
 visibility: hidden;
}

#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
 background: none !important;
 z-index:999;
}

#fa_toolbar {
 background-color: transparent !important;
 height: 1px !important;
 z-index: 999 !important;
 color: #ffffff !important;
}

#fa_toolbar a {
 text-decoration: none !important;
}

#fa_right {
 height: 15px !important;
 width: 295px !important;
 text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif !important; text-shadow: -1px 1px 0px #824474; font-size: 10px !important;
 float: left !important;
 background-color: transparent !important;
 position: relative;
 top: -7px;
 z-index: 999 !important;
}

#fa_left {
 height: 15px !important;
 text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif !important; text-shadow: -1px 1px 0px #824474; font-size: 10px !important;
 float: right !important;
 margin-top: -7px;
}

#notif_list {
 font-family: 'Source Sans Pro', sans-serif;
 margin-top: -5px !important;
}

#fa_share {
 visibility: hidden;
}

#fa_search {
 visibility: hidden;
}

a#fa_icon {
 height: 0px !important;
}

#fa_hide {
   visibility: hidden;
}

#fa_toolbar #live_notif .fa_notification .content {
 background-image: none !important;
 padding-left: 0px !important;
 color: #ffffff !important; line-height: 1.1; text-align: justify; font-family: 'Source Sans Pro', sans-serif !important; font-size: 10px !important;
}

#fa_toolbar #live_notif .fa_notification .content a {
 color: #ffffff !important; line-height: 1.1; text-align: justify; font-family: 'Source Sans Pro', sans-serif !important; font-size: 10px !important;
 text-decoration: none !important;
}

#fa_toolbar #live_notif .fa_notification .content a:hover {
 color: #ffffff !important;
}

#fa_toolbar #live_notif .fa_notification {
 opacity: 1 !important;
 position: absolute;
 left: 250px; top: 20px;
 width: 300px;
 background-image: url('https://2img.net/image.noelshack.com/fichiers/2016/52/1482955529-fondtoolbar.jpg') !important;
 border: #dca09f 1px solid; padding: 4px;
}

/*-----------AFFICHAGE DES MESSAGES-----------*/
.postbody {text-align: justify;font-size:11px; max-width:500px;}

#av_quickreplycadre img {
left: -00px;
position: relative;
top: -20px;
}

#av_quickreplycadre {
float: left;
position : absolute;
z-index:999;
}

#av_quickreply img {
left: 42px;
position: relative;
top: 40px;
width:115px;
border-radius:150px;    
}
       
#av_quickreply {
float: left;
position : absolute;
}

/*-----------------EDITEUR DE MESSAGES--------------*/

#fa-mention {background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF; padding-left:22px;}

.save-bloc { color: #555!important; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #e7f9f4 url(https://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
display:none;top:20px;left:0px;position:absolute;white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; } .save-bloc div { cursor: pointer; } .save-bloc select { background: #e7f9f4; border: 1px solid #aaa; margin-bottom: 5px; }

.sceditor-container {background-color: #fff !important; border:#fff 1px solid; min-height: 256px; max-width: 520px !important; float: right; left:-5px; font-family: 'Source Sans Pro', sans-serif;}
.sceditor-toolbar {border:#fff 1px solid;background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/07/1487357739-fond.png') !important;}
.sceditor-button {background-color: #fff !important;}
.sceditor-container textarea { color:#aeaeae !important; font-size:11px !important; min-height: 200px !important; }
.sceditor-group {background:transparent;}

/*-----------ALERTES DU FORUM-----------*/

#outeriframe{
width:450px;
height:550px;
overflow:hidden;
position:relative;
}

#inneriframe{
position:relative;
top:-640px;
left:0px;
height:4000px;
}

   #alertBodyContainer{
   position:fixed;
   top:50px;
   right:20px;
   }
   .realTime_alert{
   background:#FDFDFD no-repeat 10px center;
   -webkit-background-size:50px;
   -moz-background-size:50px;
   -o-background-size:50px;
   background-size:50px;
   -webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
   -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
   box-shadow:0 0 4px rgba(0,0,0,.6);
   position:relative;
   margin-bottom:10px;
   min-height:60px;
   font-size:13px;
   width:200px;
   padding:10px 10px 10px 70px;
   font-family:Helvetica;
   color:#474747;
   }
   .realTime_alert b{
   display:block;
   margin-bottom:5px;
   font-size:15px;
   }
   .realTime_alert .close{
   position:absolute;
   right:10px;
   top:5px;
   font-size:15px;
   -webkit-border-radius:50px;
   -moz-border-radius:50px;
   border-radius:50px;
   height:16px;
   width:16px;
   text-align:center;
   line-height:13px;
   cursor:pointer;
   }
   .realTime_alert .close:hover{
   color:#FFF;
   background:#666;
   }
   #ebtzd .tooltip{
   opacity:0;
   position:relative;
   overflow:visible;
   z-index:100!important;
   display:inline-block;
   top:5px;
   -webkit-transition-duration:500ms;
   -moz-transition-duration:500ms;
   -o-transition-duration:500ms;
   transition-duration:500ms;
   background:rgba(0, 0, 0, .;
   padding:10px;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   font-family:Helvetica;
   letter-spacing:1px;
   font-size:13px;
   width:300px;
   color:#fff;
   }

/* ------------------ BOTTIN ------------------- */

.avatarpris {
 color:#61204B;font-weight: bold;
}

.avatarreserve {
 color:#BF8AB7;font-weight: bold;
}

.avatarlibre {
 color:#BA9458;font-weight: bold;
}

.avatarbottin span{
    position:absolute;
 margin-top:-60px;
    margin-left:40px;
 color:#adadad;
 font-size:11px;
    background:#fff;
 width:200px;
    padding:15px;
    border-radius:3px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
      transform:scale(0) rotate(-12deg);
      transition:all .25s;
      opacity:0;
 z-index:999;
}

.avatarbottin:hover span, test:focus span{
    transform:scale(1) rotate(0);
      opacity:1;
}

/* ------------- FICHE DE PRÉSENTATION -----------------*/
.banFICHE {
   background-image: url(https://nsa37.casimages.com/img/2017/02/06/170206020012439705.png) !important;
   border-bottom: 5px solid #ece78a;
   border-radius: 10px;
   box-shadow: 0px 0px 1px #ece78a;
   height: 85px;
   width: 500px;
}
.sstitre {
 height: 13px;
 width: 100%;
 background-color: #efefef;
 position: relative;
 text-align: center;
 top: 0px;
}

.sstitretexte {
 font-size: 10px;
 line-height: 1.1em;
 font-family: trebuchet MS;
 text-transform: uppercase;
 opacity: 0.2;
 position: relative;
 top: 1px;
 color:#6f6f6f;
}

.ficheeffetimage {
 background:-moz-linear-gradient(-45deg, rgba(130,130,130,1) 0%, rgba(153,153,153,1) 0%, rgba(31,31,31,1) 33%, rgba(122,122,122,1) 39%, rgba(173,173,173,1) 46%, rgba(74,74,74,1) 66%, rgba(31,31,31,1) 75%, rgba(0,0,0,1) 85%, rgba(48,48,48,1) 91%, rgba(31,31,31,1) 100%);
 background:-webkit-gradient(-45deg, rgba(130,130,130,1) 0%, rgba(153,153,153,1) 0%, rgba(31,31,31,1) 33%, rgba(122,122,122,1) 39%, rgba(173,173,173,1) 46%, rgba(74,74,74,1) 66%, rgba(31,31,31,1) 75%, rgba(0,0,0,1) 85%, rgba(48,48,48,1) 91%, rgba(31,31,31,1) 100%);
 width:500px;height:248px;
}

.ficheimage {
 opacity:0.8;
 -webkit-opacity:0.8;
 filter: grayscale(100%) blur(1px);
 -webkit-filter: grayscale(100%) blur(1px);
 object-fit: cover;height:248px;
 z-index:1;position:relative;
}

.ficheavatar {
 position:relative;
 top:-230px;
 left:-150px;
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 border:4px solid #fff;
 filter: saturate(150%);
 -webkit-filter: saturate(150%);
 z-index:888;position:relative;
}

.fichecadreimage {
 position:relative;top:-465px;
   z-index:222;position:relative;
}

.fichesoustitre {
 color:#ffffff;font:11px arial;width:250px;line-height:10px;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);margin-left:80px;
}

/* FICHE DE PRÉSENTATION, LE PSEUDO */

.fichepseudo {
 margin-top:-75px;margin-left:65px;
   z-index:888;position:relative;
}

.fond {
 width:400px;
 height:30px;
 -webkit-transform: rotate(-2deg);
 -moz-transform: rotate(-2deg);
 -o-transform: rotate(-2deg);
 -ms-transform: rotate(-2deg);
 transform: rotate(-2deg);
}

.pseudofiche {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.pseudofiche .top1,
.pseudofiche .bot1 {
 text-align: center;
 font: 25px/100px arial;
 text-transform: uppercase;
 text-align: center;
 overflow: hidden;
 color: #8E4A8E;
 font-weight: bold;
}

.pseudofiche .top1:before,
.pseudofiche .bot1:before {
 content: attr(title);
 -webkit-transform: rotate(1deg);
 -moz-transform: rotate(1deg);
 -o-transform: rotate(1deg);
 -ms-transform: rotate(1deg);
 transform: rotate(1deg);
}

.pseudofiche .top1 {
 position: absolute;
 top: 0;
 left: 1px;
 right: 0;
 bottom: 50%;
}

.pseudofiche .top1:before {
 position: absolute;
 bottom: -50px;
 left: 0;
 right: 0;
}

.pseudofiche .bot1 {
 position: absolute;
 top: 50%;
 left: 0;
 right: 3px;
 bottom: 0;
}

.pseudofiche .bot1:before {
 position: absolute;
 top: -50px;
 left: 0;
 right: 0;
}

/* ---- COMPTEUR MOTS / FORMULAIRES / QUOTES / SPOILERS / CODES ---- */

.word-count {
   font-weight: normal;
   color: #82427e;
   text-shadow:#dbdbdb 1px 1px 0px;
   font-family:arial;
   font-size:11px;
   text-align: center;
   text-transform: uppercase;
   padding-bottom: 4px !important;
}

input,textarea {
   border-radius: 3px;
   border: 1px solid #dfdfdf;
   padding: 2px;
   background-color:#fff !important;
   color:#aeaeae;
 font-size:11px;
}

.text_editor_textarea {
 height: 300px !important;
}

.quote {
   padding: 5px;
   line-height: 97%;
   border-radius: 3px;
   border: 1px solid #dfdfdf !important;
   padding: 2px;
   background-color:#fff !important;
   color:#bababa;
}

.code {
   padding: 5px;
   font-family: courier new;
   line-height: 93%;
   border-radius: 3px;
   border: 1px solid #dfdfdf !important;
   padding: 2px;
   background-color:#fff !important;
   color:#b5b5b5;
}

.hidecode dd {
   padding:5px;
   color:#89836d;
   border: 1px solid #dfdfdf !important;
   padding: 2px;
   background-color:#fff !important;
   color:#bababa;
}

.spoiler_closed {
   color:#89836d;
   text-shadow:#c6c4bc 1px 1px 0px;
   border: 1px solid #dfdfdf !important;
   padding: 2px;
   background-color:#fff !important;
   color:#bababa;
}

.spoiler_closed.hidden {
   display:none;
   color:#89836d;
   text-shadow:#c6c4bc 1px 1px 0px;
   border: 1px solid #dfdfdf !important;
   padding: 2px;
   background-color:#fff !important;
   color:#bababa;
}

.spoiler_content {
   display:block;
   padding: 5px;
   line-height: 97%;
   color:#8d8d8d;
   text-shadow:#f5f5f5 1px 1px 0px;
   border: 1px solid #dfdfdf !important;
   padding: 5px;
   background-color:#fff !important;
   color:#bababa;
}

.spoiler_content.hidden {
   display:none;
}

   .selectCode { float:right; text-transform: uppercase; cursor:pointer; color:#82427e;}
  div.cont_code { clear: right; }
/*----------------------- CODE FICHE BASIQUE ------------------------*/

.partenariat {
 text-transform: uppercase;
}

/* CATEGORIES */
.btmCAT {
 width:770px; height:55px; margin: auto; margin-top:-15px;
 background-image: url('https://2img.net/image.noelshack.com/fichiers/2017/05/1485744142-bas.png'); background:transparent;
}
.topCAT {
 margin:auto; width:770px; height:100px;
 background-image: url('https://2img.net/image.noelshack.com/fichiers/2017/04/1485474491-haut.png'); background:#FAFAFA;
}
.tleCAT{
 text-align:center; padding-top: 5px;
}
.mdlCAT {
 margin:auto;
 width:770px;
 background:#fffefa;
}
.blocFRM{
 width:770px; margin:auto; text-align:center;
}
.tleFRM {
 text-align: center;
 width:326px; height: 10px; overflow:hidden;
 margin-left: 10px; font-style: italic;
 font-family: 'cambria'; font-size: 12px;
 line-height: 10px; text-transform: uppercase;
 text-shadow: 1px 1Px 0Px #b39439, -1px -1px 0px #e3dfba;
 padding:10px;
     box-shadow: 0px 0px 1px #fff;
     border-radius: 2px; z-index: 999;
 background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/05/1485732758-fond.png');
      background-repeat: no-repeat;
      background-position: 55px 0px;
}
.tleFRM a {
 color: #fcf9db; font-weight: bold !important;
 transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
 }
.tleFRM a:hover {
 color: #d5c94f; font-weight: bold !important;
 transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
 }
.FRM {
 margin:auto;  margin-bottom:15px; padding-left: 7px;
 width:770px; margin-left:-14px;
   }

.descFRM {
 display:inline-block; margin:0 10px;
 width:336px; height:100px; overflow: hidden;
 line-height: 12px; margin-top: -10px; margin-left: -8px;
   background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png); box-shadow: 0px 1px 1px #ece78a;
border-radius: 2px;
 text-align:justify;font-size: 11px;
   padding:6px !important;
}

#descFRM div {
 position:relative; width:336px; height:80px; overflow:auto !important;
 margin-left: 5px; margin-top: 0px; font-size: 11px;
 text-align:justify; padding:3px !important;
}


#avaFRM {
 display:inline-block; vertical-align:top; margin:0 10px;
 width:74px; height:120px; border-radius: 1px;
 background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png);
 box-shadow: 0px 0px 1px #ece78a; margin-top: -48px;
   }
.avaFRM {
 width:74px; height:120px; overflow:hidden;
}
.avaFRM img {
 width:74px; height:120px; border-radius: 1px; z-index: 998;
 -webkit-filter: grayscale(100%); filter: grayscale(100%);
 transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
}

.avaFRM img:hover {
 width:74px; height:120px; border-radius: 1px;
-webkit-filter: grayscale(0%); filter: grayscale(0%);
 transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
}
.sfFRM {
 display:inline-block; vertical-align:top; margin-top: -40px;
 width:250px; height:98px; padding:2px;
 line-height:6px; background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png);
 box-shadow: 0px 0px 1px #ece78a;
 border-radius: 2px;
}

.sfFRMIN {
 width:248px; height:123px; padding:2px;
 position: absolute; border-radius: 1px; text-shadow: 0px 0px 1px #fff,
 margin-left:-4px; margin-top:-2px; font-size:0px;
}

.sfFRM a{
 width:248px;
 font-family: 'Fira Sans Extra Condensed', sans-serif;
 display:block; padding:4px 0; line-height:12px; font-size:10px;
 text-transform:uppercase; text-shadow: 0px 0px 1px #fff;
 background:rgba(255, 255, 255, 0.7);
 box-shadow: 0px 0px 1px #ece78a;
 border-radius: 2px;
}
.boxFRM {
 display:inline-block; position: absolute;
 width:131px;
}
.lmsgFRM {
 margin-bottom:5px;
 width:131px; height:67px;
 margin-top:60px; margin-left: -253px;
}
.imgFRM{
 position: absolute; width: 66px; height:100px;
 margin-left: -45px; margin-top: -66px;
 z-index:999;
}
.lmsgFRM div{
 position:absolute; margin-top:10px;
 width:246px; height:26px; padding:3px;
 text-align:center; font-size:9px; line-height: 9px;
 font-family: 'Fira Sans Extra Condensed', sans-serif; text-transform: uppercase;
 background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png); box-shadow: 0px 0px 1px #ece78a;
 border-radius: 2px; text-shadow: 0px 0px 0px #fff;
}
.lmsgFRM a {
 font-size: 8px; text-shadow: 0px 0Px 0px #fff;
 font-family: 'Fira Sans Extra Condensed', sans-serif; text-transform: uppercase;
}
.nbFRM {
 position:absolute; margin-top: -20px;
 margin-left: 653px;
 text-align: center;
 width:103px; overflow:hidden;
 font-family: 'Fira Sans Extra Condensed', sans-serif; font-size: 9px;
 line-height: 10px;
 text-shadow: 0px 0px 1px #fff; text-transform:uppercase;
 color:#8E4A8E; padding:5px;
 background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png); box-shadow: 0px 0px 1px #ece78a;
     border-radius: 2px;
}

/*FICHE SCENA*/
.qteSCENA {
 font-family: 'Cambria'; font-size: 8px;
 line-height: 10px; text-align: center;
 text-shadow: 1px 1px 0px #fff; text-transform:uppercase;
 color:#fde88f; padding:5px; background:#fff;
 border-radius: 1px; box-shadow: inset 1px 1px 10px #e4e3e3;
width: 475px;
}
.backSCENA {
 width: 485px; height: 335px;
 overflow: hidden;
 position: relative;
 background:#fff; border-radius: 2px;
 box-shadow: 1px 1px 10px #e4e3e3;
 top: 10px;
}
.bloc1SCENA {
 width: 220px; height: 308px;
 position: absolute;
 background:#ffffff; border-radius: 1px;
 box-shadow: 1px 1px 12px #E4E3E3; margin: 10px; padding: 3px;
}
.gif1SCENA {
 position:relative; width: 210px; height: 80px; top: -15px;
 border-radius: 1px; background-size: 210px!important;
 box-shadow: 1px 1px 12px #E4E3E3;
 background-position: 50% 50%;
}
.txtSCENA {
 margin-top:23px;
 font-size: 11px; text-align:justify;
 width: 100%; height: 205px;
 overflow:auto; position: relative; top: 90px;
 font-weight: normal;
}
.bloc2SCENA {
 width: 221px; height: 185px;
 position: absolute;
 left: 237px; top: 30px;
 background:#ffffff; border-radius: 1px;
 box-shadow: 1px 1px 12px #E4E3E3; padding: 3px;
}
     .qte2SCENA {
     font-family: 'Cambria';
     text-transform: uppercase;
     font-size: 8px;
     text-align:center;
     position: relative;
     top: -33px; left: -3px;      
 width:227px; color: #703f69;
 display:block; padding:4px 0; line-height:12px;
 background:#ffffff; border-radius: 1px;
 box-shadow: inset 1px 1px 10px #E4E3E3;
     }
     .gif2SCENA {
     position:relative; width: 227px; height: 80px; top: 127px; left: 234px;
     border-radius: 1px; background-size: 227px!important;
     box-shadow: 1px 1px 12px #E4E3E3;
       background-position: 50% 50%;
     }
     .moreSCENA {
     position:relative; width: 215px; height: 68px; top: 47px; left: 234px;
     border-radius: 1px; padding: 5px;
     font-family: 'Arial';
     background-color: rgba(255, 255, 255, 0.7);
     font-size: 11px; text-align:justify;
         box-shadow: inset 1px 1px 10px #e4e3e3;
 border:1px solid #e4e3e3;
     opacity: 0;
     transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
     }
     .moreSCENA:hover {
     opacity: 1;
     transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
     }
     .txt2SCENA {
font-size: 11px; text-align:justify;
     width: 205px;
     height: 175px;
     overflow:auto;
     position: relative;
     margin-top: -15px;
     margin-left: 5px;
     }
/* FICHE PREZ */
.qtePREZ {
 font-family: 'Cambria'; font-size: 8px;
 line-height: 10px; text-align: center;
 text-shadow: 1px 1px 0px #fff; text-transform:uppercase;
 color:#83B5CC; padding:5px; background:#fff;
 border-radius: 1px; box-shadow: inset 1px 1px 10px #e4e3e3;
width: 475px;
}
.backPREZ {
 width: 485px; height: 361px;
 overflow: hidden;
 position: relative;
 background:#fff; border-radius: 2px;
 box-shadow: 1px 1px 10px #e4e3e3;
 top: 10px;
}
.blocVAVA {
 width: 215px; height: 335px;
 position: absolute;
 background:#ffffff; border-radius: 1px;
 box-shadow: 1px 1px 12px #E4E3E3; margin: 10px; padding: 3px;
}
.vava {
 position:relative; width: 200px; height: 320px; top: -15px;
 border-radius: 1px; background-size: 200px!important;
 box-shadow: 1px 1px 12px #E4E3E3;
 background-position: 50% 50%;
 opacity: 1;
}
.txtVAVA {
 margin-top:23px;
 font-size: 11px; text-align:justify;
 width: 100%; height: 320px;
 overflow:auto; position: relative; top: 0px;
 opacity: 0;
   background-color: #F4F4F4;
     font-size: 11px; text-align:justify;
     transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.txtVAVA:hover {
 opacity: 1;
       transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
     .mycharacter {
     font-family: 'Cambria';
     text-transform: uppercase;
     font-size: 8px;
     text-align:center;
     position: absolute;
 left: 247px; top: 10px;      
 width:227px; color: #703f69;
 display:block; padding:4px 0; line-height:12px;
 background:#ffffff; border-radius: 1px;
 box-shadow: inset 1px 1px 10px #E4E3E3;
     }
     .gifIRL {
     position:relative; width: 227px; height: 106px; top: 10px; left: 119px;
     border-radius: 1px; background-size: 227px!important;
     box-shadow: 1px 1px 12px #E4E3E3;
       background-position: 50% 50%;
     }
     .irlPREZ {
     position:relative; width: 215px; height: 95px; top: -96px; left: 119px;
     border-radius: 1px; padding: 5px;
     background-color: rgba(255, 255, 255, 0.7);
     font-size: 11px; text-align:justify;
         box-shadow: inset 1px 1px 10px #e4e3e3;
       overflow: auto;
 border:1px solid #e4e3e3;
     opacity: 0;
     transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
     }
     .irlPREZ:hover {
     opacity: 1;
     transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
     }
.ftPREZ {
 font-family: 'Cambria'; font-size: 8px;
 line-height: 10px; text-align: center;
 text-shadow: 1px 1px 0px #fff; text-transform:uppercase;
 color:#83B5CC; padding:5px; background:#fff;
 border-radius: 1px; box-shadow: inset 1px 1px 10px #e4e3e3;
width: 475px;
}
     .txtPREZ {
font-size: 11px; text-align:justify;
     width: 203px;
     height: 175px;
     overflow:auto;
     position: relative;
     margin-top: 40px;
     margin-left: 239px;
         background:#ffffff; border-radius: 1px;
 box-shadow: 1px 1px 12px #E4E3E3; padding: 10px 12px;
     }

/* SLIDER QEEL */
/* SLIDER */

.CSSgal .slider {
height: 115px;
white-space: nowrap;
font-size: 0;
transition: 0.8s;
}

/* SLIDES */

.CSSgal .slider > * {
font-size: 1rem;
display: inline-block;
white-space: normal;
vertical-align: top;
height: 126px;
width: 300px;
background: none 50% no-repeat;
background-size: cover;
}

/* PREV/NEXT, CONTAINERS & ANCHORS */

.CSSgal .prevNext {
position: absolute;
z-index: 1;
top: 50%;
width: 300px;
height: 0;
}

.CSSgal .prevNext > div+div {
visibility: hidden; /* Hide all but first P/N container */
}

.CSSgal .prevNext a {
position: absolute;
width:       20px;
height:      20px;
 color:#9b9b9b;
line-height: 20px; /* If you want to place numbers */
text-align: center;
opacity: 0.7;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.CSSgal .prevNext a:hover {
opacity: 1;
}
.CSSgal .prevNext a+a {
left: auto;
right: 0;
}

/* NAVIGATION */

.CSSgal .bullets {
position: absolute;
z-index: 2;
bottom: 0;
padding: 10px ;
width: 100%;
text-align: center;
 color:#9b9b9b;
}
.CSSgal .bullets > a {
display: inline-block;
width:       10px;
height:      10px;
line-height: 10px;
font-size:10px;
text-decoration: none;
text-align: center;
color:#9b9b9b;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.CSSgal .bullets > a+a {
color:#9b9b9b; /* Dim all but first */
}
.CSSgal .bullets > a:hover {
color:#fff2b3; !important;
}

/* NAVIGATION BUTTONS */
/* ALL: */
.CSSgal >s:target ~ .bullets >* {      color:#9b9b9b;}
/* ACTIVE */
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(255, 255, 255,   1);}
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(255, 255, 255,   1);}
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(255, 255, 255,   1);}
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(255, 255, 255,   1);}
#s5:target ~ .bullets >*:nth-child(5) {background: rgba(255, 255, 255,   1);}
#s6:target ~ .bullets >*:nth-child(6) {background: rgba(255, 255, 255,   1);}
#s7:target ~ .bullets >*:nth-child(7) {background: rgba(255, 255, 255,   1);}
#s8:target ~ .bullets >*:nth-child( {background: rgba(255, 255, 255,   1);}
#s9:target ~ .bullets >*:nth-child(9) {background: rgba(255, 255, 255,   1);}
/* More slides? Add here more rules */

/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.CSSgal >s:target ~ .prevNext >* {      visibility: hidden;}
/* ACTIVE: */
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
#s5:target ~ .prevNext >*:nth-child(5) {visibility: visible;}
#s6:target ~ .prevNext >*:nth-child(6) {visibility: visible;}
#s7:target ~ .prevNext >*:nth-child(7) {visibility: visible;}
#s8:target ~ .prevNext >*:nth-child( {visibility: visible;}
#s9:target ~ .prevNext >*:nth-child(9) {visibility: visible;}
/* More slides? Add here more rules */

/* SLIDER ANIMATION POSITIONS */

#s1:target ~ .slider {transform: translateX(   0%); -webkit-transform: translateX(   0%);}
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
#s5:target ~ .slider {transform: translateX(-400%); -webkit-transform: translateX(-400%);}
#s6:target ~ .slider {transform: translateX(-500%); -webkit-transform: translateX(-500%);}
#s7:target ~ .slider {transform: translateX(-600%); -webkit-transform: translateX(-600%);}
#s8:target ~ .slider {transform: translateX(-700%); -webkit-transform: translateX(-700%);}
#s9:target ~ .slider {transform: translateX(-800%); -webkit-transform: translateX(-800%);}
/* More slides? Add here more rules */


/* YOU'RE THE DESIGNER!
  ____________________
  All above was mainly to get it working
  CSSgal CUSTOM STYLES / OVERRIDES HERE: */

.CSSgal{
color: #9b9b9b;
text-align: center;
  text-shadow:#c4c4c4 0px 0px 1px;
}
.CSSgal .slider h2 {
font-weight: 200;
letter-spacing: 0px;
word-spacing: -1px;
font-size: 10px;
text-align:justify;
padding-left:40px;
padding-right:3px;
overflow:auto;
height:80px;
width:230px;
  text-shadow:#c4c4c4 0px 0px 1px;
   color:#9b9b9b;
}
.CSSgal a {
border-radius: 50%;
margin: 0 3px;
color: #9b9b9b;
font-size:11px;
text-decoration: none;
font-weight: bold;
}

   /*GENERAL*/
   .cadre-kit {
     width: 420px;
     border-width: 1px;
     border-style: solid;
     padding: 5px 0;
     margin: 0px auto;
   }
   .wrap-kit {
     width: 400px;
     margin: auto;
   }
   .wrap-kit h2 {
     text-align: center;
     padding: 30px 0;
     margin: 0;
     text-transform: uppercase;
   }
   .bloc-kit {
     border-width: 1px;
     border-style: solid;
     margin: 5px auto;
     background-color: #fff;
   }
   .contenu-kit {
     padding: 10px;
     text-align: justify;
   }

   /*COULEURS*/
   /*Couleurs de la bordure et du fond du cadre extérieur*/
   .cadre-kit {
     background-image: url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png);
     border: 1px solid #E2E0D6;
     box-shadow: inset 0px 0px 3px #E2E0D6;
   }
   /*Couleurs du fond du titre et du titre*/
   .wrap-kit h2 {
     margin-top: 5px;
     background-color: rgba(255, 255, 255, 0.7);
     border: 1px solid #E2E0D6;
     box-shadow: inset 0px 0px 3px #E2E0D6;
     font-family: 'Arial';
     font-size: 25px;
     font-weight: bold;
     font-style: italic;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.5), 0px 0px 3px #fff;
   }
   /*Couleur de la bordure et du fond du cadre intérieur*/
   .bloc-kit {
     background-color: rgba(255, 255, 255, 0.7);
     border: 1px solid #E2E0D6;
     box-shadow: inset 0px 0px 3px #E2E0D6;
   }
   /*Couleur du texte des cadres*/
   .contenu-kit {
     color: #;
     font-family: 'Arial';
   }

   /*FICHE PREDEFINI*/
   /*Statut du prédef : de base, il est pris, mais on peut ajouter la class "libre" ou "réservé"*/
   .statut {
     border: 1px solid #feb1b1;
     color: #ec2e2e;
     margin: 5px auto;
     background-color: #ffdcdc;
     padding: 5px;
     text-align: center;
     text-transform: uppercase;
   }
   .libre {
     border-color: #b8ecae;
     color: #69b153;
     background-color: #deffba;
   }
   .reserve {
     border-color: #fbae90;
     color: #f66d2e;
     background-color: #f9d5ad;
   }
   /*Le petit bloc sous le titre*/
   .predef-intro-kit {
     padding: 5px 10px;
     font-size: 9px;
     text-align: center;
     font-family: 'Arial';
     background-color: rgba(255, 255, 255, 0.7);
     border: 1px solid #E2E0D6;
     box-shadow: inset 0px 0px 3px #E2E0D6;
     margin: 5px 0;
   }
   .avatar-kit {
     float: left;
     margin-right: 5px;
   }
   .avatar-kit2 {
     position: absolute;
     float: left;
     left: 73px;
     opacity: 0;
     transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
   }
   .avatar-kit2:hover {
     opacity: 1;
     transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
   }
   /*bloc à côté de l'avatar*/
   .predef {
     width: 193px;
     height: 318px;
     margin: 0;
     display: inline-block;
   }
   .predef .contenu-kit {
     padding: 5px 10px;
     height: 308px;
     overflow: auto;
     font-family: 'Arial';
   }
   .predef-gif {
     position: relative;
     width: 173px;
     max-width: 100%;
     height: 80px;
     top: 5px;
     border-radius: 2px;
     box-shadow: 0px 0px 3px #E2E0D6;
     margin-bottom: 5px;
   }
   /*Petits blocs pour le caractère*/
   .caractere-kit {
     display: flex;
    flex: 0 0 100%;
    margin: 5px 0 0 0;
   }
   .caractere {
     flex: 1;
     padding: 10px;
     margin: 0 3px 0 0;
     text-align: center;
     font-family: 'Arial';
   }
   /*On retire le margin-right du dernier bloc de chaque ligne pour que ce soit joli*/
   .caractere-kit-wrap .caractere-kit .caractere:last-child {
    margin-right: 0;
   }

   /*RECENSEMENT D'AVATARS*/
   .faceclaim {
     padding: 5px 0;
     text-align: center;
   }
   .nom-kit b {
     color: #A0A0A0;
   }
x {
 color: #8E4A8E;
 font-style: italic;
 }
/* ------------- FICHE DE PRÉSENTATION -----------------*/

.sstitre {
 height: 13px;
 width: 100%;
 background-color: #efefef;
 position: relative;
 text-align: center;
 top: 0px;
}

.sstitretexte {
 font-size: 10px;
 line-height: 1.1em;
 font-family: trebuchet MS;
 text-transform: uppercase;
 opacity: 0.2;
 position: relative;
 top: 1px;
 color:#6f6f6f;
}

.fichesecondtitle {
 color:#cb86c7;text-shadow:#8d4b89 1px 1px 0px;font:16px arial;z-index:999;position:relative;
}

.ficheeffetimage {
 background:-moz-linear-gradient(-45deg, rgba(130,130,130,1) 0%, rgba(153,153,153,1) 0%, rgba(31,31,31,1) 33%, rgba(122,122,122,1) 39%, rgba(173,173,173,1) 46%, rgba(74,74,74,1) 66%, rgba(31,31,31,1) 75%, rgba(0,0,0,1) 85%, rgba(48,48,48,1) 91%, rgba(31,31,31,1) 100%);
 background:-webkit-gradient(-45deg, rgba(130,130,130,1) 0%, rgba(153,153,153,1) 0%, rgba(31,31,31,1) 33%, rgba(122,122,122,1) 39%, rgba(173,173,173,1) 46%, rgba(74,74,74,1) 66%, rgba(31,31,31,1) 75%, rgba(0,0,0,1) 85%, rgba(48,48,48,1) 91%, rgba(31,31,31,1) 100%);
 width:500px;height:248px;
}

.ficheimage {
 opacity:0.8;
 -webkit-opacity:0.8;
 filter: grayscale(100%) blur(1px);
 -webkit-filter: grayscale(100%) blur(1px);
 object-fit: cover;height:248px;
 z-index:1;position:relative;
}

.ficheavatar {
 position:relative;
 top:-230px;
 left:-150px;
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 border:4px solid #fff;
 filter: saturate(150%);
 -webkit-filter: saturate(150%);
 z-index:888;position:relative;
}

.fichecadreimage {
 position:relative;top:-465px;
   z-index:222;position:relative;
}

.fichesoustitre {
 color:#ffffff;font:11px arial;width:250px;line-height:10px;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);margin-left:80px;
}
/* FICHE DE PRÉSENTATION, LE PSEUDO */

.fichepseudo {
 margin-top:-75px;margin-left:65px;
   z-index:888;position:relative;
}

.fond {
 width:500px;
 height:30px;
 -webkit-transform: rotate(-2deg);
 -moz-transform: rotate(-2deg);
 -o-transform: rotate(-2deg);
 -ms-transform: rotate(-2deg);
 transform: rotate(-2deg);
}

.pseudofiche {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.pseudofiche .top1,
.pseudofiche .bot1 {
 text-align: center;
 font: 25px/100px arial;
 text-transform: uppercase;
 text-align: center;
 overflow: hidden;
 color: #fff;
}

.pseudofiche .top1:before,
.pseudofiche .bot1:before {
 content: attr(title);
 -webkit-transform: rotate(1deg);
 -moz-transform: rotate(1deg);
 -o-transform: rotate(1deg);
 -ms-transform: rotate(1deg);
 transform: rotate(1deg);
}

.pseudofiche .top1 {
 position: absolute;
 top: 0;
 left: 1px;
 right: 0;
 bottom: 50%;
}

.pseudofiche .top1:before {
 position: absolute;
 bottom: -50px;
 left: 0;
 right: 0;
}

.pseudofiche .bot1 {
 position: absolute;
 top: 50%;
 left: 0;
 right: 3px;
 bottom: 0;
}

.pseudofiche .bot1:before {
 position: absolute;
 top: -50px;
 left: 0;
 right: 0;
}
/*----------------------- CODE FICHE BASIQUE ------------------------*/
.sttlFICHE {
 font-family: 'Cambria'; font-size: 8px;
 line-height: 10px; text-align: center;
 text-shadow: 1px 1px 0px #fff; text-transform:uppercase;
 color:#83B5CC; padding:5px; background:#fff;
 border-radius: 1px; box-shadow: inset 1px 1px 10px #e4e3e3;
width: 492px;
}
.backFICHE {
 background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png);
 border-radius: 10px;
 box-shadow: 0px 0px 1px #ece78a; width: 500px; padding-bottom: 5px; padding-top: 10px; margin-top: 0px;
}
.imgFICHE {
 width: 476px; padding-top: 80px; padding-bottom: 80px;
 transition: all 0.5s;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 -o-transition: all 0.5s;
 opacity: 0.5; border-radius: 2px;
}
.moreFICHE {
 position:relative; width: 414px; height: 98px; top: -135px;
 border-radius: 2px; padding: 5px;
 background-color: rgba(255, 255, 255, 0.7);
 font-size: 11px; text-align:justify;
 box-shadow: inset 1px 1px 10px #e4e3e3;
 border:1px solid #e4e3e3;
 line-height: 14px;
 opacity: 0;
 transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.backFICHE:hover .moreFICHE {
 opacity: 1;
 transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.txtbackFICHE {
 background-color: rgba(255,255,255,0.7);
 box-shadow: 0px 0px 1px #ece78a; border-radius: 1px;
 width: 455px; height: auto; font-size: 11px; text-align: justify;
 padding: 10px; margin-bottom: 10px; margin-top: -10px;
}
.sttltxtFICHE {
 font-family