Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

Partagez
CSS noir/rougetest ascende :: Ascende Superius :: Thème noir & rouge
# Sam 21 Sep - 15:54
AdminAdminHeda/
PersonnageRécompenses
Messages : 188
Date d'inscription : 20/12/2018
Age : 34
Localisation : Polis
Premiers pas
Félicitations ! Tu as passé l’étape cruciale de la validation. Bon jeu !

Code:
/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 20/12/2018
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=Cookie';

/*reset des styles par défault du navigateur*/
.template-linus-33 ul{ list-style:none; }
.template-linus-33 ul, .template-linus-33 h5, .template-linus-33 h4, .template-linus-33 h3, .template-linus-33 h2, .template-linus-33 h1, .template-linus-33 p, .template-linus-33 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-33 a, .template-linus-33 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-33 a img{border:none;}

body {
  margin-top:calc(300px)!important;
}

body.is-scrolled{
  margin-top:130px!important;
}

body.is-scrolled .template-linus-33{
  height:30px;
}

body.is-scrolled .template-linus-33 .tli-logo{
  height:0;
}

.template-linus-33 {
    height: 300px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
   font-family:arial, serif!important;
   font-size:12px!important;
   line-height:17px!important;
    transition:height 1s;
    z-index: 999;
}

.template-linus-33 .tli-background{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-repeat:no-repeat;
    background-position:0 50%;
    background-size:cover;
    opacity:100;
    z-index:1;
}

.template-linus-33 .tli-logo{
  display:block;
  width:100%;
  height:calc(100% - 30px);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
  flex-direction: column;
  transition:height 1s;
}

.template-linus-33 .tli-logo p{
  color:black;
  text-transform:uppercase;
  font-size: 11px!important;
  letter-spacing: 4px;
  text-shadow:0px 0px 5px rgba(0,0,0,0.5);
  position:relative;
  z-index:2;
  font-family:arial, serif!important;
}

.template-linus-33 h1{
  color:black!important;
  font-size:70px!important;
  line-height:60px!important;
  margin:0!important;
  padding:0 10px!important;
  font-weight:normal!important;
  font-style:italic!important;
  font-family:"Cookie",serif;
  text-transform:capitalize;
  text-align:center;
  text-shadow:0px 0px 10px rgba(0,0,0,0.5);
  position:relative;
  z-index:2;
}

.template-linus-33.modernbb ul>li:not(:first-child),
.template-linus-33.punbb ul>li:not(:first-child),
.template-linus-33.phpbb3 ul>li:not(:first-child),
.template-linus-33.phpbb2 a.mainmenu:not(:first-child),
.template-linus-33.invision a.mainmenu:not(:first-child) {
 border-left:1px solid rgba(0,0,0,0.05);
}

.template-linus-33.invision ul>li,
.template-linus-33.phpbb2 ul>li{
    display: flex;
    justify-content:center;
    font-size:0;
}

.template-linus-33 ul{
    display: flex;
    height: 30px;
    padding:0 10px;
    justify-content:center;
    background: #000000;
    box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}

.template-linus-33 a.mainmenu img {
    display: none;
}

.template-linus-33 a.mainmenu {
    color: #891D1D;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 9px;
    position:relative;
 padding:0 10px;
    white-space: nowrap;
}

.template-linus-33.icons-only a.mainmenu{
    font-size: 0!important;
}

.template-linus-33.icons-only a.mainmenu .material-icons{
 font-size:22px;
 transition:none;
}

.template-linus-33:not(.icons-only) a.mainmenu .material-icons{
  font-size:12px;
  margin-right:4px;
  transition:none;
}

.template-linus-33 a.mainmenu:not(.is-hover) {
    transition: color 1s;
}

.template-linus-33 a.mainmenu:hover,
.template-linus-33 a.mainmenu.is-hover {
    color:#891D1D;
}


/** CATÉGORIES **/
@font-face { src:url('http://files.jcink.net/uploads/xalohomorax/beacon.ttf');
font-family: beacon;}
  #corpsfofo {
    width:850px;
    margin:0 auto;
    border:20px solid #560F0F;
    padding:10px;
  }
  .fondtitre {
    padding: 10px!important;
    border-bottom: 8px solid #560F0F;
    background-color: #1b1b1a;
    background-image: none;
    background-repeat: repeat-x;
    background-position: left center;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
  }
  .fondtitre h2 {
    position:relative;
    left:100px;
    font: 35px 'Major Mono Display';
    color: #fff;
    text-shadow: 1px 0px #560F0F, 0px 1px #560F0F, -1px 0px #560F0F, 0px -1px #560F0F, 4px 4px #560F0F;
    text-transform: lowercase;
  }
  .fondcaté {
    width:820px;
    margin:0 auto;
    padding-top:10px;
  }
  .cnstitlebg {
    background-color: #1b1b1a;
    padding: 30px;
}
  .cnstitle a {
    font: 26px Montserrat;
    text-transform: uppercase;
    text-decoration:none;
    color: white;
}
.cnssubtest {
    color: #ccc;
    font: 0px Calibri;
    text-transform: lowercase;
    font-variant: small-caps;
    margin-left: 15px;
}
.cnssubtest a{
  margin-left:15px;
  color:white;
  text-decoration:none;
  position:relative;
  top:5px;
  font-size: 12px;

}
.sousfofo {
    background: #0e0e0e;
    color: #560F0F;
    float: left;
    font-family: montserrat;
    font-size: 7.4px;
    font-weight: 900;
    letter-spacing: .5px;
    padding: 10px 30px;
    margin-left:-20px;
    text-transform: uppercase;
}
.sousfofo:before {
    border-bottom: 15px solid transparent;
    border-left: 10px solid #0e0e0e;
    border-top: 15px solid transparent;
    content: "";
    height: 0;
    margin-left: 93px;
    margin-top: -11px;
    position: absolute;
    width: 0;
}
.insidecaté {
    width: 817px;
    margin: 0 auto;
    height: 160px;
    border-right: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
.boardimg {
    position: relative;
    width: 350px;
    height: 160px;
    display:inline-block;
}
.descr {
    border: 1px solid black;
    background-color: black;
    width: 455px;
    height: 138px;
    margin-top:10px;
    display:inline-block;
    vertical-align:top;
}
.hvtitle {
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 230px;
    font-size: 10px;
    height:55px;
}
.hvtitle a {
    font: 10px Oswald;
    color: white;
    text-decoration:none;
}
.hvauth {
    font: 12px calibri;
}
.hvauth a {
    font: 13px calibri;
}
.hvauth span {
    color: #9b9b9b;
    font-style:italic;
}
.hvpost {
    background-color: #1b1b1a;
    padding: 10px;
    color: white;
    width: 70px;
    margin-left: 250px;
    margin-top: -60px;
    text-align: center;
    font: 12px calibri;
    font-variant: small-caps;
}
.hvthread {
    background-color: #1b1b1a;
    padding: 10px;
    margin-left: 350px;
    margin-top: -34px;
    color: white;
    width: 70px;
    text-align: center;
    font: 12px calibri;
    font-variant: small-caps;
}
.hvdivide {
    height: 1px;
    background-color: #38263e;
    width: 450px;
    margin:0 auto;
    position:relative;
    top:10px;
}
.hvdesc {
    margin: 17px 0px 0px 20px;
    height: 73px;
    overflow: auto;
    font: 11px open sans;
    text-align: justify;
}
/*************************************************** QUI EST EN LIGNE ***************************************************/

/* Mise en forme du qui est en ligne */
.qui_est_en_ligne {
    background: black;
    width: 800px;
    margin: auto;
    padding: 50px;
    border-top: 10px solid #560F0F;
    border-bottom: 10px solid #560F0F;
    margin-top: 15%;
    font-size: 12px;
}

/* Blocs de gauche et de droite */
.qeel_bloc_gauche, .qeel_bloc_droite {
    background: #151515;
    float: left;
    width: 30%;
    padding: 2%;
    border: 1px solid #000;
    height: 300px;
    overflow: auto;
    color: #dad9d9;
}

.qeel_bloc_droite table .row1 {
    background: transparent !important;
}

.qeel_bloc_droite .gensmall {
    font-size: 12px;
    color: #dad9d9;
}

/* Bloc du milieu */
.qeel_bloc_centre {
    float: left;
    width: 30%;
    margin: 0 .5%;
    text-align: center;
}

/* Groupes en onglets */
.paonglet {
    display: inline-block;
}
            
.paonglet_0 {
    height: 25px;
    margin: 5% 1% 0 1%;
    width: 25px;
}

.contenu_paonglet {
    display: none;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 40%;
}

/* Liens footer categories */
.liens_footer_cate a {
    font-size: 13px;
}

.liens_footer_cate {
    float: left;
    margin: 2% 0 0 1.8%;
}


/*************** AFFICHAGE DU SUJET *****************/

.ASjt_haut{
  width:100%;
  height:100px;
  background:black; /*Couleur de fond entête*/
  display:flex;
  flex-wrap:warp;
}

.ASjt_boutons{
  width:50%;
  padding: 35px 10px;
  -o-box-sizing: border-box;
  box-sizing:border-box;
}

.ASjt_titre{
  width:50%;
  padding:0 10px;
  -o-box-sizing: border-box;
  box-sizing:border-box;
  text-align:right;
  color:#fff;
  font-size:12px;
  font-family:calibri;
}

.ASjt_titre h2{
  font-family: 'Six Caps', sans-serif;
  font-size:40px;
  text-transform:uppercase;
  margin:0;
  color:#fff; /*Couleur du titre des sujet*/
  font-weight:normal;
}

.ASjt_titre a{
  display:inline;
  color:#fff; /*Couleur des lien (fil d'arianne) */
  font-size:12px;
  font-family:calibri;
}

.ASjt_conteneur{
  width:100%;
  display:flex;
  flex-wrap:warp;
  margin-top: 10px;
}

.ASjt_profil{
  position:relative;
  width:220px;
  height:700px;
  -o-box-sizing: border-box;
  box-sizing:border-box;
  overflow:hidden;
}

.ASjt_cadre-vava{
  background:##1c1c1c; /*Couleur de fond par défaut au tour de l'avatar*/
  padding:10px;
}

.ASjt_avatar{
  width:200px; /*Largeur des avatar*/
  height:320px; /*Hauteur des avatar*/
  background:#ccc; /*Couleur par défaut sous l'avatar (visible seulement si l'image est trop petite et/ou non afficher)*/
  overflow:hidden;
  margin:auto;
  display:flex;
  box-shadow: 0 0 5px #909090;
}

.ASjt_avatar:hover .ASjt_image{
  margin-left:-200px;
}

.ASjt_image{
  width:200px; /*Largeur des avatar*/
  height:320px; /*hauteur des avatar*/
  transition:all 1s;
}

.ASjt_info{
  width:200px; /*largueur de la section info sous l'avatar*/
  height:320px; /*hauteur de la section info sous l'avatar*/
  background:black; /*Couleur de fond sous les infos (hover de l'avatar)*/
    overflow-x:hidden;
  overflow-y:auto;
}

.ASjt_info div{
  width:180px;
  padding:5px;
  margin:10px auto;
  background:#560F0F; /*Couleur de fond au tour des informations des profils*/
  text-align:center;
  font-family: calibri;
  font-size:12px;
  text-transform:uppercase;
}

.ASjt_info div:first-child{
  display:none;
}

.ASjt_rang-image{
  width:200px;
  height:52px;
  margin: 10px auto 0;
  background-image:url('https://i.imgur.com/DyqiFZJ.png'); /*Image pas défaut "pas de rang" */
}


.ASjt_rpg{
  width:200px;
  margin:0px auto;
  text-transform:uppercase;
  font-family:calibri;
  font-size:12px;
}

.ASjt_rpg br:first-child, .ASjt_rpg br:nth-child(2), .ASjt_rpg a, .ASjt_rpg span{
  display:none;
}

.ASjt_inventaire{
  width:200px;
  min-height:130px;
  margin:auto;
  text-align: center;
}

.ASjt_inventaire > span{
  display:block;
  width:200px;
  margin:0 auto 5px;
  font-family: 'Six Caps', sans-serif;
  font-size:35px;
  text-transform:uppercase;
  text-align:center;
  border-bottom: 1px solid #000; /*Couleur de la ligne sous le titre "inventaire"*/
  height:42px;
}

.ASjt_inventaire div{
  display:none;
}

.ASjt_inventaire div:nth-child(2){
  display:block!important;
}

.ASjt_inventaire div:nth-child(2) img{
   margin:2px;
}

.ASjt_message{
 width:calc(100% - 220px);
}

.ASjt_pseudo-edition{
  position:relative;
  width:100%;
  height:100px;
  background:#0e0e0e; /*Couleur de fond par défaut bandeau haut avec le pseudo*/
  text-transform:uppercase;
  font-family:calibri;
  font-size:12px;
  color:white; /*Couleur du texte dans le bandeau avec le pseudo*/
}

.ASjt_pseudo{
  position:absolute;
  top:10px;
  left:10px;
}

.ASjt_pseudo a{
  font-family: 'Six Caps', sans-serif;
  font-size:45px;
  text-decoration: none;
  color:white!important; /*Couleur des pseudo*/
  line-height: 45px;
}
.ASjt_pseudo strong{
  font-weight: 200;
  color:white!important; /*Couleur des pseudo*/
}


.ASjt_edition{
  position:absolute;
  bottom:10px;
  right:10px;
  text-align:right;
}

.ASjt_text-cadre{
  width:100%;
  -o-box-sizing: border-box;
  box-sizing:border-box;
  background:#560F0F; /*Couleur de fond du cadre de texte*/
  -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
  padding:20px;
}

.ASjt_text-cadre > div{
  width:100%;
  min-height:505px;
  -o-box-sizing: border-box;
  box-sizing:border-box;
  padding:5px;
  background:black; /*Couleur de fond pour le texte*/
  font-family:calibri;
  font-size:12px;
}

.ASjt_signa{
  max-height:250px;
  text-align:center;
  overflow: auto;
  margin-bottom: 10px;
}

.ASjt_bas{
  width:100%;
  marging:10px 0;
  background:black; /*Couleur de fond bandeau bas (pagination)*/
  color:#fff; /*Couleur du texte dans le bandeau de pagination*/
  font-family: 'Six Caps', sans-serif;
  font-size:30px;
  text-transform:uppercase;
  text-align:center;
}


.ASjt_pagination{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   width:100%;
   font-size:12px;
    -o-box-sizing: border-box;
   box-sizing: border-box;
   padding:5px;
   font-family: calibri;
   font-size:12px;
   text-transform:uppercase;
}

.ASjt_pagination a{
   text-decoration:none;
  color:#fff; /*Couleur lien pagination*/
}

.ASjt_pagination div{
 width:30%;
}

.ASjt_pagination div:nth-child(1) {
    text-align:left;
}

.ASjt_pagination div:nth-child(3) {
    text-align:right;
}

.ASjt_copyright a{
  font-size:11px;
  text-decoration:none;
  font-family: calibri;
}




/***********************Administration********************/

/*Arrivée sur l'île*/
#c1 .cat_corps:nth-child(2) {
  background-image: url('https://i.imgur.com/sugPqvI.png');
}
/*Arrivée sur l'île > Nouveautés*/
#f1 .cat_corps:nth-child(2) {
  background-image: url('https://i.imgur.com/sugPqvI.png');
}
/*L'extérieur*/
#c1 .cat_corps:nth-child(3) {
  background-image: url('https://i.imgur.com/kBOqMqD.png');
}
/*L'extérieur > Partenariats*/
#f7 .cat_corps:nth-child(2) {
  background-image: url('https://i.imgur.com/sugPqvI.png');
}
/*Identités*/
#c1 .cat_corps:nth-child(4) {
  background-image: url('https://i.imgur.com/SRi1v9v.png');
}
/*Identités > Prédef*/
#f3 .cat_corps:nth-child(2) {
  background-image: url('https://i.imgur.com/sugPqvI.png');
}
/*Identités > Validés*/
#f3 .cat_corps:nth-child(3) {
  background-image: url('https://i.imgur.com/sugPqvI.png');
}
/*Doccuments*/
#c1 .cat_corps:nth-child(5) {
  background-image: url('https://i.imgur.com/sugPqvI.png');
}
/*Staff*/
#c1 .cat_corps:nth-child(6) {
  background-image: url('https://i.imgur.com/sugPqvI.png');
}

/***********************Zone RP********************/

/*Habitation*/
#c2 .cat_corps:nth-child(2) {
  background-image: url('https://i.imgur.com/KClzhak.png');
}
/*Océan*/
#c2 .cat_corps:nth-child(3) {
  background-image: url('https://i.imgur.com/cLXZiKA.png');
}
/*Lisière*/
#c2 .cat_corps:nth-child(4) {
  background-image: url('https://i.imgur.com/CCcDW9G.png');
}
/*clairière*/
#c2 .cat_corps:nth-child(5) {
  background-image: url('https://i.imgur.com/cRnUvCb.png');
}
/*forêt*/
#c2 .cat_corps:nth-child(6) {
  background-image: url('https://i.imgur.com/JcEcp3j.png');
}




/**********************************************************************************************************************
 QEEL - By Batty
**********************************************************************************************************************/
/*corp du QEEL*/
.bls_corp{
position:relative; /*positionnement - NE PAS MODIFIER*/
width:800px; /*largeure*/
height:520px; /*hauteur*/
margin:auto; /*Centré le QEEL*/
}

/*mise en page des liens*/
.bls_corp a{
text-decoration:none;  /*suppression du soulignement par défaut*/
}

/*Mise en page des liens au survol*/
.bls_corp a:hover{
text-decoration:none!important;  /*suppression du soulignement par défaut*/
}  

/*Mise en page du titre*/
.bls_titre{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:75px; /*hauteur*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:60px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
color:#b0a7a7; /*couleur du texte*/
text-align:center;  /*alignement du texte*/
}

/*Positionnement du bloc "membres" + bordure*/
.bls_stat1{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #b0a7a7; /*couleur de la bordure*/
}

/*Mise en page du bloc "membres"*/
.bls_stat1 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #b0a7a7; /*couleur de fond*/
text-align:center;  /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Positionnement du bloc "Sujets" + bordure*/
.bls_stat2{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:180px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #e6d7c8; /*couleur de la bordure*/
}

/*Mise en page du bloc "Sujets"*/
.bls_stat2 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #e6d7c8; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Positionnement du bloc "messages" + bordure*/
.bls_stat3{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:355px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #b0a7a7; /*couleur de la bordure*/
}

/*Mise en page du bloc "messages"*/
.bls_stat3 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #b0a7a7; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*Mise en page du bloc "Bienvenue"*/
.bls_bienvenue{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:185px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:50px; /*hauteur*/
line-height:50px; /*hauteur d'une ligne*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:28px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
color:#b0a7a7; /*couleur du texte*/
text-align:center; /*alignement du texte*/
border: 1px solid #b0a7a7; /*couleur de la bordure*/
}

/*Mise en page du bloc des membres connectés*/
.bls_connecter{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:250px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:100px; /*hauteur*/
box-sizing: border-box;
background: #e6d7c8; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:20px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*mise en page du texte des membres connectés*/
.bls_connecter div{
width: 490px; /*largeure*/
height:65px; /*hauteur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto;  /*sroll bar automatique*/
}

/*mise en pasge du bandeau/bouton "anniversaire"*/
.bls_fete{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:350px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:28px; /*hauteur*/
box-sizing: border-box;
background: #b0a7a7; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:18px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
text-align:center; /*alignement du texte*/
transition:all 1s ease; /*duré de la transition*/
}

/*mise en page de base des fêtes*/
.bls_fete div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:0px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:0px; /*hauteur*/
box-sizing: border-box;
overflow:hidden;  /*Texte qui se cache s'il exéde de notre bloc*/
background: #b0a7a7; /*couleur de fond*/
padding: 0px 5px; /*marge intérieur*/
text-align:left; /*alignement du texte*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
transition:all 1s ease; /*duré de la transition*/
}

/*Mise en page du dévoilement des fêtes*/
.bls_fete:hover div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:-95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:90px; /*hauteur*/
box-sizing: border-box;
background: #b0a7a7; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
}

/*Mise en page des membres connectés au cours des 24 dernières heures - Bloc*/
.bls_24h{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width: 280px; /*largeure*/
height:375px; /*hauteur*/
box-sizing: border-box;
background: #c0c4c4; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:20px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
text-align:right; /*alignement du texte*/
}

/*Mise en page des membres connectés au cours des 24 dernières heures - Text/Pseudo*/
.bls_24h div{
width: 270px; /*largeure*/
height:345px; /*hauteur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto; /*sroll bar automatique*/
text-align:left; /*alignement du texte*/
}

/*Positionnement des onglets de gauche*/
.bls_onglet-left{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}

/*positionnement des descriptions des groupes*/
.bls_onglet-middle{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:165px; /*positionnement - NE PAS MODIFIER*/
width:470px; /*largeure*/
height:105px; /*hauteur*/
border: 1px solid #b0a7a7; /*couleur de la bordure*/
}

/*Positionnement des onglets de droite*/
.bls_onglet-right{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}

/*Mise en page des onglet*/
.bls_onglet{
margin-bottom:5px; /*Marge extérieur dans le bas*/
padding:5px; /*marge intérieur*/
cursor:pointer; /* Curseur qui devien une petit main*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
border: 1px solid #b0a7a7; /*couleur de la bordure*/
}

/*Couleur du fond des onglets*/
.bls_onglet div{
background:#b0a7a7; /*couleur de fond*/
}

/*Couleur du cadre des onglets centraux*/
#onglet_2, #onglet_5{
border: 1px solid #c0c4c4; /*couleur de la bordure*/
}

/*Couleur du fond des onglets centraux*/
#onglet_2 div, #onglet_5 div{
background:#c0c4c4;; /*couleur de fond*/
}

/*Mise en page du bloc et des titres des descriptions des groupes*/
.bls_contenu{
display: none;  
width:450px; /*largeure*/
height:105px; /*hauteur*/
box-sizing: border-box;
padding: 5px; /*marge intérieur*/
text-align: justify; /*alignement du texte*/
color: #b0a7a7; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}

/*mise en page du texte descriptif des groupes*/
.bls_contenu div{
font-family: arial; /*police d'écriture*/
font-size:11px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
width:455px; /*largeure*/
height:75px; /*hauteur*/
overflow: auto; /*sroll bar automatique*/
padding-right:5px;  /*marge intérieur*/
}

/*Positionnement du copyright - NE PAS SUPRIMER-*/
.bls_copyright{
position:absolute; /*positionnement - NE PAS MODIFIER*/
bottom:3px; /*positionnement - NE PAS MODIFIER*/
left:0px; /*positionnement - NE PAS MODIFIER*/
width:100%; /*largeure*/
text-align:center; /*alignement du texte*/
padding:2px 0px; /*marge intérieur*/
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.bls_copyright a{
font-size:11px; /*taille du texte*/
text-decoration:none; /*suppression du soulignement par défaut*/
font-family:arial; /*police d'écriture*/
color: #b0a7a7; /*couleur du texte*/
}

/*Mise en page du copyright - NE PAS SUPRIMER-*/
.bls_copyright:hover a{
text-decoration:none; /*suppression du soulignement par défaut*/
}


/**********************************************************************************************************************
 QEEL - By Batty [END]
**********************************************************************************************************************/












/*========================================================================================================
                             POSITIONNEMENT DE LA BANNIÈRE EN BACKGROUND
========================================================================================================*/

body {
background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}

/*========================================================================================================
                          POSITIONNEMENT DE LA BANNIÈRE EN BACKGROUND - END
========================================================================================================*/






/********************************************************* LISTE SUJETS *********************************************************/

/* Entête & Footer de la liste */
.nouveau_message, .repondre_message {
    display: inline-block;
    width: 20%;
    padding: 1%;
    text-align: center;
    color: white !important;
    text-transform: uppercase;
    margin: 2% 0;
}

.nouveau_message {
    background: #560F0F;
}

.repondre_message {
    background: #560F0F;
    margin-left: 2%;
}

.boutons_footer_sujets {
    text-align: center;
    font-family: Cambria;
    font-size: 12px;
}

.boutons_surveiller {
    background: #560F0F;
    color: #fff;
    display: inline-block;
    margin: 1%;
    line-height: 3;
    text-align: center;
    text-transform: uppercase;
    width: 350px;
}

.boutons_surveiller a {
    color: white !important;
}

.boutons_surveiller a:hover {
    color: white !important;
}

#moderer a {
    display: block;
    background: #171919;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 4;
    width: 250px;
    font-size: 11px;
    margin: auto;
    text-align: center;
}

#moderer {
    font-size: 0;
}

/* Liste */

.liste_sujet {
    background: #171919;
    padding-top: 1%;
}

.titre_liste_sujet {
    background: #0A0B0B;
    width: 100%;
    display: block;
    color: #560F0F;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: georgia;
    padding: 2% 0;
}

.contenu_liste_sujet {
    width: 100%;
    margin: 1% 0;
}

.statut_sujet {
    float: left;
    margin-right: 2%;
}

.sujets_liste {
    float: left;
    width: 60%;
}

a.topictitle {
    color: white !important;
    font-family: arial;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 1%;
}

.description_liste_sujet {
    color: #939698;
    font-style: italic;
}

.dernier_message_sujet {
    color: white;
    float: right;
    font-size: 10px;
    margin-right: 4%;
    text-align: center;
    width: 18%;
}
.dernier_mess_sujet {
    color: #6c676e;
    text-transform: lowercase;
    font-size: 10px;
}

/*CUSTOMISATION DE LA BOITE DE RECEPTION PAR AWFUL*/
/*Boite de réception*/
#mp {
     font-family: 'Roboto', sans-serif;
     background: #171515;
}
/*Header*/
 .mp-header {
     align-items: center;
     display: flex;
     justify-content: space-between;
     padding: 10px;
     background: #2D2827;
     color: #e7e7e7;
}
/*Liens du header*/
 .mp-links {
     display: flex;
}
 .mp-links div {
     margin-right: 10px;
     text-transform: uppercase;
     font-size: 10px;
     font-weight: bold;
}
 .mp-links div:last-child {
     margin-right: 0px;
}
 .mp-links div a {
     font-weight: normal;
     color: black;
     transition: color 0.3s ease-in-out;
}
 .mp-links div a:hover {
     color: #ccc;
}
/*Barre de pourcentage*/
 .mp-percent {
     font-size: 10px;
     width: 250px;
}
 .mp-percent > div {
     background: black;
     width: 100%;
     margin-top: 5px;
}
 .mp-percent > div > div {
     background: #560F0F;
     display: inline-block;
}
/*Corps de la boîte*/
 .mp-body {
     padding: 15px;
}
 .mp-body-head {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
}
 .mp-body-head select {
     border: 1px solid #aaa;
}
 .mp-body-head input{
     font-size: 11px!important;
     padding: 2px!important;
}
/*Bouton nouveau*/
 #mp a[href="/privmsg?mode=post"]::before {
     content: "Nouveau";
     font-family: "Montserrat", sans-serif;
     font-size: 16px;
     font-weight: 900;
     text-transform: uppercase;
     transition: color 0.3s ease-in-out;
     color: #560F0F;
}
 #mp a[href="/privmsg?mode=post"]:hover::before {
     color: #822310;
}
 #mp a[href="/privmsg?mode=post"] img {
     display: none;
}
/*Item MP*/
 .mp-item {
     background: #171515;
     padding: 10px;
     box-sizing: border-box;
     position: relative;
     display: flex;
     justify-content: space-between;
     border-left: 3px solid #b0b0b0;
}
 .mp-item + .mp-item {
     margin-top: 8px;
}
/*Item MP nouveau message*/
 .mp-item.new-mp {
     border-left: 3px solid #560F0F;
}
 .mp-item > img {
     display: none;
}
 .mp-item > div > div:first-child {
     font-size: 11px;
     margin-bottom: 5px;
}
 .mp-item > div > div:first-child > a:first-child {
     margin-right: 5px;
     color: white;
     font-weight: bold;
     border-right: 1px solid #ccc;
     padding-right: 5px;
}
 .mp-item > div > div:nth-child(2) {
     text-transform: uppercase;
     color: white;
     font-size: 9px;
     letter-spacing: 1px;
}
 .mp-bottom-btn {
     padding: 10px 10px 0px;
     display: flex;
     justify-content: flex-end;
}
 .mp-bottom-btn input, .mp-body-head input{
     transition: all 0.3s ease-in-out;
     border: 1px solid #aaa;
     font-family: inherit;
     text-transform: uppercase;
     font-size: 9px;
     color: black;
     cursor: pointer;
     background: #e9e9e9;
     padding: 5px;
}
 .mp-bottom-btn input:hover, .mp-body-head input:hover{
     border: 1px solid #848080;
     color: black;
}
 .mp-bottom {
     align-items: center;
     padding: 10px;
     display: flex;
     font-size: 10px;
}
 .mp-bottom a + div {
     margin-left: 10px;
}
 .mp-bottom a + div strong {
     color: #560F0F;
}
 .mp-bottom div:last-of-type {
     margin-left: auto;
}
 .mp-bottom div:last-of-type a {
     color: #575757;
     transition: all 0.3s ease-in-out;
}
 .mp-bottom div:last-of-type a:hover {
     color: #999;
}
 .mp-bottom div:last-of-type a:last-child {
     margin-left: 10px;
}
 .mp-empty {
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #ccc;
}

/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 20/12/2018
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=Oswald';

/*reset des styles par défault du navigateur*/
.template-linus-34 ul{ list-style:none; }
.template-linus-34 ul, .template-linus-34 h5, .template-linus-34 h4, .template-linus-34 h3, .template-linus-34 h2, .template-linus-34 h1, .template-linus-34 p, .template-linus-34 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-34 a, .template-linus-34 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-34 a img{border:none;}

.template-linus-34 {
  font-size:12px;
  line-height:15px;
  font-family:arial,serif;
  overflow:hidden;
  background:#202124;
  min-width:670px;
  margin:auto;
}

.template-linus-34 .tli-pseudo{
  display:block;
  font-family:"Oswald";
  text-transform:uppercase;
  font-size: 14px;
  line-height: 16px;
  margin-bottom:3px;
  color:#560F0F;
}

.template-linus-34 .tli-pseudo strong,
.template-linus-34 .tli-pseudo b{
  font-weight:normal!important;
}

.template-linus-34 .tli-avatar{
  width:60px;
  height:60px;
  border-radius:100%;
  overflow:hidden;
  position:relative;
  background:#303236;
  flex-shrink:0;
  flex-grow:0;
  transition:transform 1s;
  -webkit-transition:-webkit-transform 1s;
}

.template-linus-34 .tli-avatar:hover{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.template-linus-34 .tli-avatar>a>span,
.template-linus-34 .tli-avatar>a{
  position:absolute;
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  left:0;
  top:0;
  margin:2px;
  border-radius:100%;
  overflow:hidden;
}

.template-linus-34 .tli-avatar>a{
  z-index:10;
  background:#202124;
}

.template-linus-34 .tli-avatar>a img{
  position:absolute;
  width:100%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
}

.template-linus-34 .tli-lastvisit:not([data-val="Jamais"]):before{
  content:'dernière visite ';
}

.template-linus-34 .tli-lastvisit[data-val="Jamais"]{
  font-size:0;
  line-height:0;
}

.template-linus-34 .tli-lastvisit[data-val="Jamais"]:before{
  content:'aucune visite';
  font-size:11px;
  line-height:12px;
}

.template-linus-34 .tli-lastvisit{
  text-transform:lowercase;
}

.template-linus-34 .tli-posts{
  background:#303236;
  color: white;
  font-size: 7px;
  text-transform: uppercase;
  padding:4px;
  margin-right:5px;  
}

.template-linus-34 .tli-posts:after{
  content:'messages';
  margin-left:2px;
}

.template-linus-34 .tli-posts[data-val="0"]:after,
.template-linus-34 .tli-posts[data-val="1"]:after{
  content:'message';
  margin-left:2px;
}

.template-linus-34 .tli-buttons{
  margin-top:6px;
}

.template-linus-34 .tli-buttons img{
  display:none;
}

.template-linus-34 .tli-buttons a[href^="/privmsg"]:before{
  content:'MP';
}

.template-linus-34 .tli-buttons a{
  background:#303236;
  color: white;
  font-size: 7px;
  text-transform: uppercase;
  padding:4px;
  margin-right:5px;
}

.template-linus-34 .tli-members{
  display:flex;
  flex-wrap:wrap;
}

.template-linus-34 .tli-members li:nth-child(3n):not(:nth-last-child(1)),
.template-linus-34 .tli-members li:nth-child(3n+2):not(:nth-last-child(1)):not(:nth-last-child(2)),
.template-linus-34 .tli-members li:nth-child(3n+1):not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)){
  border-bottom:1px solid #1e1f22!important;
}

.template-linus-34 .tli-members li:nth-child(3n+1),
.template-linus-34 .tli-members li:nth-child(3n+2){
  border-right:1px solid #1e1f22!important;
}

.template-linus-34 .tli-members li{
  display: flex;
  align-items: center;
  padding: 20px;
  width: 33.33%;
  box-sizing: border-box;
  overflow: hidden;
}

.template-linus-34 .tli-infos{
  padding-left:10px;
  font-size:11px;
  line-height:12px;
  color:gray;
}

/*** FORMULAIRE ***/
.template-linus-34 .tli-title{
  text-align:right;
  text-transform:uppercase;
  font-family:"Oswald",serif;
  font-size: 20px;
  line-height: 20px;
  padding:20px 30px;
  background: #560F0F;
  background: -webkit-linear-gradient(to right, #560F0F, #560F0F);
  background: linear-gradient(to right, #560F0F, #560F0F);
  color:white;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
  font-style:italic;
  width:calc(33.33% - 60px);
  display:flex;
  align-items:center;
  justify-content: center;
  flex-shrink: 0;
  flex-grow: 0;
  position:relative;
}

.template-linus-34 .tli-title:after{
  content:' ';
  display:block;
  width:0;
  height:0;
  border-left:10px solid #560F0F;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  position:absolute;
  top:0;
  bottom:0;
  right:-10px;
  margin:auto;
}

.template-linus-34 form{
  background: #2a2b2f;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
  position:relative;
  display:flex;
}

.template-linus-34 .tli-fields{
  margin:20px 20px 20px 25px;
  width:100%;
}

.template-linus-34 .tli-fields>div{
  min-height:30px;
  border-radius: 30px;
  overflow: hidden;
  height:100%;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}

.template-linus-34 input[type="submit"]{
  text-transform: uppercase;
  width: 45px!important;
  text-align: center;
  background: #560F0F;
  color:white;
  font-family:"Oswald",serif;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  margin:0!important;
  padding:0 5px 0 0!important;
  border-radius:0!important;
  text-shadow:none!important;
  cursor:pointer;
}

.template-linus-34 input[type="text"]{
  width:calc(100% - (120px*2) - 45px);
}

.template-linus-34 input[type="text"],
.template-linus-34 select{
  padding:0 10px;
  background:white!important;
  font-size:11px!important;
  line-height:30px!important;
  font-family:arial!important;
  margin:0!important;
  vertical-align: middle;
  border-radius:0!important;
  text-shadow:none!important;
}

.template-linus-34 input,
.template-linus-34 button,
.template-linus-34 select{
  outline:none;
  border:none!important;
  height:100%;
  box-sizing: border-box;
  display:inline-block;
}

.template-linus-34 select{
  border-left:1px solid rgba(0,0,0,0.05)!important;
  width:120px;
}

.template-linus-34 .tli-pagination{
  font-size:0!important;
  line-height:0!important;
}

.template-linus-34 .tli-pagination:not(:empty){
  border-top:1px solid #1e1f22!important;
  padding:10px;
}

.template-linus-34 .tli-pagination:not(:empty):before{
  content:'Pagination : ';
  font-size:10px!important;
  line-height:10px!important;
  text-transform:uppercase;
  color:gray;
}

.template-linus-34 .tli-pagination>b,
.template-linus-34 .tli-pagination>a[href^="/search"]{
  font-size:12px!important;
  line-height:12px!important;
  margin-left:3px;
  font-weight:normal!important;
}

.template-linus-34 .tli-pagination>a[href^="/search"]{
  color:#560F0F!important;
}

.fondprofil {
    background: #000;
    border: 1px solid #560F0F;
    height: 444px;
    margin: 0 auto;
    padding: 5px;
    width: 690px;
    position: relative;
}
.entoureavatar {
    background-image: url(https://image.freepik.com/free-vector/background-with-black-lines_1051-1040.jpg);
    background-size: cover;
    border: 1px solid #560F0F;
    float: left;
    height: 420px;
    margin-left: 10px;
    transform: translateY(10px);
    transition: all 800ms;
    width: 220px;
}
  .entoureavatar:hover {
    border: 1px solid #454545;
    transition:all 800ms;
  }
.avatarprofil {
    background-image: url(http://via.placeholder.com/200x320);
    filter: grayscale(60%);
    height: 320px;
    margin-left: 10px;
    transform: translateY(10px);
    transition: all 800ms;
    width: 200px;
}
.avatarprofil img {
    height: 400px;
    width: 200px;
}
  .avatarprofil:hover {
    transition:all 800ms;
    filter:grayscale(0%);
  }
  .username {
    width:430px;
    height:100px;
    background:black;
    border: 1px solid #560F0F;
    margin-left:250px;
    transform:translateY(10px);
  }
.username strong {
    font-size: 17px;
}
  .triangleuh {
    background-image: url('https://i.imgur.com/F8JNpEc.png');
    background-position: center;
    background-size: cover;
    float: left;
    position:relative;
    left:0px;
    height: 100px;
    width: 200px;
}
.triangleuh::after {
    border-left: 120px solid transparent;
    border-top: 100px solid black;
    content: "";
    height: 0;
    margin-left: 80px;
    position: absolute;
    width: 0;
}
.adminPFIL {
    -webkit-transition: opacity .75s;
    margin-left: 250px;
    margin-top: 63px;
    opacity: 1;
}
.adminPFIL div {
    background: rgba(0,0,0,0.8);
    border: 1px solid #560F0F;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    margin-bottom: -28px;
    margin-top: -48px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 214px;
}
.adminPFIL div a {
    color: white;
}
#ktactPFIL {
    background-size: 100%;
    height: 50px;
    margin-left: 245px;
    margin-top: 93px;
    text-align: center;
    width: 440px;
}
.ktactPFIL {
    background: ##560F0F;
    height: 40px;
    margin-left: 5px;
    margin-top: -70px;
    width: 430px;
}
.abtPFIL {
    font-size: 14px;
    height: 144px;
    margin-left: 250px;
    margin-top: 20px;
    width: 350px;
    overflow: auto;
}
.abtPFIL div span {
    color: #560F0F;
    font-weight: 700;
    text-transform: uppercase;
}
.abtPFIL .field_uneditable {
    display: inline-block;
}

/*Code*/
.codebox
{
background: #000000!important; /*couleur fond du titre*/
  color: #CCCFF9!important; /*couleur selectionner le code*/
  width: 450px; /*largeur fond du titre /!\ doit être de la même largeur que le contenu du code*/
}
.genmed
{
color: #FEFEFE!important; /*couleur titre code*/
}
.code
{
border: 1px solid #171312;
color: #FEFEFE!important; /*couleur du texte*/
}
.cont_code /*contenu du code /!\ doit être de la même largeur que le fond du titre*/
{
background: #000000!important; /*couleur du fond*/
  width: 450px;
  height:200px;
}

/********************************************************************** FOOTER **********************************************************************/
.partenaires_footer {
    background: ;
    box-sizing: border-box;
    margin: 5% auto 2% auto;
    text-align: center;
    width: 80%;
}

.partenaires_footer h2 {
    background: url();
    padding: 6.7%;
    text-align: right;
    font-family: 'Bangers', sans-serif;
    color: white;
    font-size: 30px;
    font-weight: normal;
}

.contenu_partenaires {
    width: 95%;
    margin: auto;
    padding: 2% 0;
}

.contenu_partenaires img {
    margin: .5%;
}

.footer_partenaires {
    background: url();
    height: 144px;
    width: 100%;
}

div#page-footer {
    margin: 2% 0;
}

div#page-footer a {
    color: #d0cbc9!important;
    font-size: 11px;
}



/*STYLE GENERAL ADMINISTRATIF*/
    .cadre-kit {
        width: 500px;
        border-width: 1px;
        border-style: solid;
        padding: 20px 0;
        margin: 5px auto;
        font-family: 'Roboto', sans-serif;
    }
    .wrap-kit {
        width: 450px;
        margin: auto;
    }
    .wrap-kit h2 {
        text-align: center;
        padding: 45px 0;
        margin: 0;
        font-weight: 800;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: 'Montserrat', sans-serif;
    }
    .bloc-kit {
        border-width: 1px;
        border-style: solid;
        margin: 5px auto;
        background-color: #fff;
    }
    .contenu-kit {
        padding: 20px;
        font-size: 11px;
        line-height: 150%;
        text-align: justify;
    }
    .contenu-kit h3 {
        text-transform: uppercase;
        margin: 10px 0;
        margin: 10px 0 -15px;
        font-weight: bold;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
    }

    /*COULEURS*/
    /*Couleurs de la bordure et du fond du cadre extérieur*/
    .cadre-kit {
        background-color: black;
        border-color: #560F0F;
    }
    /*Couleurs du fond du titre et du titre*/
    .wrap-kit h2 {
        background-color: #560F0F;
        color: #fff;
    }
    /*Couleur de la bordure et du fond du cadre intérieur*/
    .bloc-kit {
        border-color: #560F0F;
        background-color: black;
    }
    /*Couleur du texte des cadres*/  
    .contenu-kit {
        color: #ccc;
    }
    /*Couleur des titres*/
    .contenu-kit h3 {
        color: white;
    }
    .faceclaim {
        color: #4e4086;
    }


    /*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;
    }
    .predef-intro-kit {
        padding: 5px 10px;
        font-size: 9px;
        text-align: right;
        text-transform: uppercase;
        background-color: #fff;
        margin: 5px 0;
    }
    .kit-predef {
        display: flex;
    }
    .predef {
        height: 320px;
        flex: 1;
        margin: 0 0 0 5px;
        box-sizing: border-box;
        overflow: auto;
        padding: 5px 15px;
    }

    /*REGLEMENT*/
    .alerte {
        border: 1px solid #feb1b1;
        color: #ec2e2e;
        margin: 10px auto;
        background-color: #ffdcdc;
        padding: 10px;
        border-radius: 5px;
    }
    .verte {
        border: 1px solid #b8ecae;
        color: #69b153;
        background-color: #deffba;
    }

    /*RECENSEMENT D'AVATARS*/
    .faceclaim {
        padding: 5px 0;
        text-align: center;
    }
    .nom-kit b {
        color: #A0A0A0;
    }

    /*CONTEXTE*/
    .contexte-kit {
        position: relative;
    }
    .contexte-kit h3 {
        text-align: center;
        margin: 20px 0;
    }
    .contexte-kit h3::after {
        content: "";
        height: 1px;
        width: 100px;
        position: absolute;
        background: #bcb5da;
        left: calc(50% - 50px);
        margin-top: 25px;
    }

    /*LES CREDITS*/
    .credit-kit {
        text-align: center;
        position: absolute;
        width: 450px;
        line-height: 14px;
    }
    .credit-kit a {
        color: #989898!important;
        text-decoration: none!important;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 8px;
    }

/* CHATBOX PERSONNALISEE */
.chatbox{
  border:none;
}

/* Couleur du texte par défaut (contextmenu / message + heure + liste des membres sans groupe) */
#chatbox, #chatbox_contextmenu, #chatbox_contextmenu a, #chatbox_members {
  color: #ccc!important;
}

/* Enlever image de fond par défaut */
.chatbox .catBottom { background: transparent; }
#chatbox_header{
  background:black;
}
#chatbox_header strong{
  margin-left:10px;
  text-transform:uppercase;
}
#chatbox_header a{
  color: #FFF;
}

/* Liste des membres à droite */
#chatbox_members{
  width:181px;
  background:#560F0F;
  margin-bottom:-10px;
  border:none;
}
#chatbox_members .member-title{
  color:#FFF;
  padding:3px;
  margin-top:10px;
  margin-bottom:5px;
}

/* Menu au clic droit du pseudo à droite */
#chatbox_contextmenu{
  background:#FFF;
  font-size:15px;
}
/* Titre de la liste des membres (En ligne) */
#chatbox_members .online{ background:#80aa3e; }

/* Titre de la liste des membres (Hors ligne) */
#chatbox_members .away{ background:#a03a2e; }
/* Partie centrale de la chatbox */
#chatbox{
  background:#FFF;
  margin-bottom:-10px;
}
/* Fond des messages differents */
.chatbox_row_2{ background:#f4ece8!important; }
.chatbox_row_1{ background:transparent!important; }

#chatbox > p{
  margin:0; /* phpbb3 => enlever les marges par défaut */
  border:none!important;
}

/* Barre inférieure de la chatbox */
#chatbox_footer{
  background:#560F0F;
  padding-bottom:4px;
}

/* Zone d'écriture du message de la chatbox */
.chatbox input{ border:1px solid #6f6660!important; }
#chatbox_footer #submit_button{
  padding-right:2px;
}

/* Mise en forme de l'avatar du membre */
#chatbox .cb-avatar{
  padding:0!important;
  overflow:hidden;
  width:50px!important;
  height:50px!important;
  border-radius:50%;
}
#chatbox .cb-avatar > img{
  position:relative!important;
  top:-10px!important;
  width:50px!important;
  height:auto!important;
  transform: translateZ(0); /* empeche bug Chrome */
}

/* Mise en forme de la date */
#chatbox .date-and-time {
  display:inline-block;
  float:none!important;
  margin-left:2px!important;
  margin-top:2px!important;
  margin-bottom:3px!important;
  font-size:12px;
}

/* Mise en forme du pseudo du membre ayant poste */
#chatbox .user { float:left!important; }
#chatbox .user strong {font-size: 0;}
.chatbox-username.chatbox-message-username { font-size: 12px; }


.der-mess {
font-size: 13px;
margin-left: 15px;
}

.sceditor-container textarea{
color:#fff !important;
}

#sce_smilies_body {
    margin-top: 0px !important;
}

fieldset dl:hover dt label {
    color: #ffffff;
}

.inputbox:hover {
    border: 1px solid #ffffff;
}
CSS noir/rougetest ascende :: Ascende Superius :: Thème noir & rouge

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sauter vers: