a, a:hover {
  	transition: .5s all;
  	text-decoration: none !important;
}

a:hover {
  	color: #8f8173 !important;
}

.clear {
  	clear: both;
}

body {
        background: #1d1d1d;
        padding: 0;
        margin: 0;
  	     color: #9c9c9c;
        font-family: 'Cantarell', sans-serif;
}

.bodyline {
        background: #282828;
        border: 0;
        width: 900px;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    	width: 5px;
}
::-webkit-scrollbar-thumb {
    	background: #8f8173;
}
::-webkit-scrollbar-track {
    	background: #9c9c9c;
}



/*********************************************************************** PAGE ACCUEIL ***********************************************************************/
.page_accueil {
        background: #1d1d1d;
        border: 2px solid rgba(99,91,91,.6);
        padding: 2% 3%;
        width: 820px;
  	margin: auto;
        font-size: 12px;
}

/* TITRES */
.page_accueil h2 {
        text-align: center;
        font-size: 24px;
        text-transform: uppercase;
        color: #9c9c9c;
        letter-spacing: 5px;
        margin: 0 0 2%;
}

.page_accueil h3 {
        border: 1px solid rgba(99,91,91,.63);
        background: #282828;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 500;
        padding: .5% 0;
}

/* PSEUDO STAFF ET NOM PREDEFINIS */
.page_accueil h4 {
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0;
}

/* RANG STAFF */
.page_accueil h5 {
        font-weight: normal;
        font-style: italic;
        text-transform: lowercase;
        font-size: 12px;
        margin: 0;
        letter-spacing: -1px;
}

/* CONTENU */
.page_accueil p {
        background: #282828;
        border: 1px solid rgba(99,91,91,.63);
        padding: 4%;
        text-align: justify;
        box-sizing: border-box;
        width: 100%;
        height: 159px;
        overflow: auto;
}

.page_accueil p span {
    	font-weight: bold;
}

.partenaires img {
  	margin: 0 .83%;
}

.partenaires+a {
        text-align: center;
        display: block;
}

/* Contexte */
.b1 p {
    	height: 368px;
  	border: 0;
}

/* Liens */
.page_accueil a {
        text-transform: uppercase;
        color: #9c9c9c;
        font-size: 10px;
  	letter-spacing: 2px;
}

/* Lien rose */
.page_accueil .rose {
        color: #a2335c;
        margin: 0 0 31.5%;
        display: block;
}

/* STAFF ET PREDEFINIS*/
.bloc_staff, .bloc_predef {
        width: 80px;
  	margin: 4% 0 0;
        height: 60px;
        overflow: hidden;
        display: inline-block;
        position: relative;
}

.bloc_staff:nth-child(0n+2) {
    	margin: 4% 7% 0;
}

.bloc_staff:hover .img_staff, .bloc_predef:hover .img_predef {
    	margin-left: -80px;
}

.img_staff, .img_predef {
        position: relative;
        transition: .5s all;
  	z-index: 1;
}

.contenu_staff, .contenu_predef {
        position: absolute;
        top: 0;
        width: 80px;
        height: 60px;
        background: #989898;
        color: #282828;
  	text-align: center;
  	padding: 5% 0;
        box-sizing: border-box;
}

.bloc_staff a, .bloc_predef a {
        color: #6d2941;
}

/* PREDEFINIS */
.bloc_predef {
        height: 80px;
        margin: 0;
}

.contenu_predef {
        height: 80px;
        padding: 20% 0;
}

.bloc_predef+a {
        margin: 4% 0 0;
        display: block;
}

/* TOPS */
.tops a:nth-child(0n+4) {
    	margin: 0;
}
.tops a {
    	margin: 0 5% 0 0;
}

.tops span {
        font-style: italic;
        line-height: 1;
        text-align: center;
        display: block;
}

/* BLOCS */
.b1, .b3 {
        width: 30.1%;
        float: left;
}

.b2 {
        width: 35%;
        float: left;
        margin: 0 2%;
}




/*********************************************************************** CATEGORIES ***********************************************************************/
/* LIENS AVANT ET APRES CATEGORIES */
.liens_categories {
        text-align: center;
        margin: 2% 0;
}

.liens_categories a {
        color: #9c9c9c;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

.liens_categories a::after {
        content: "|";
        padding: 0 1% 0 1%;
}

.liens_categories a:nth-child(0n+4)::after {
    	content: "";
}

.liens_categories.header a:nth-child(0n+3)::after {
    	content: "";
}

/* TITRE CATEGORIES */
.secondarytitle h2 {
        background: #1d1d1d;
        border: 2px solid rgba(99,91,91,.6);
        margin: 1% auto 2%;
        padding: 1% 3%;
        display: block;
        width: 600px;
        color: #9c9c9c;
        font-size: 28px;
        letter-spacing: 5px;
        text-align: center;
        text-transform: uppercase;
}

/* CADRE FORUM */
.forum {
        background: #1d1d1d;
        border: 2px solid rgba(99,91,91,.6);
        font-size: 12px;
        margin: auto;
        padding: 2% 0;
        width: 870px;
        box-sizing: border-box;
}

.ligne_forum {
        background: #282828;
        border-radius: 2px;
        box-sizing: border-box;
        height: 130px;
        margin: 2% auto;
        padding: 2%;
        position: relative;
        width: 850px;
}

/* STATUT */
img.statut_forum {
        position: absolute;
        top: 0;
        left: 0;
  	z-index: 2;
}

/* POSITIONNEMENT */
.avatar_forum, .description_sous_forum, .forum_info, .forum_stat {
        position: relative;
        z-index: 3;
}

/* AVATAR */
.avatar_forum img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        float: left;
}

/* STATISTIQUES */
.forum_stat {
        float: right;
        width: 7%;
        margin: 0 2% 0 1%;
}

.forum_stat span:nth-child(0n+1) {
    	margin: 0 0 10%;
}

.forum_stat span {
        display: block;
        background: #1d1d1d;
        text-align: center;
        text-transform: lowercase;
        font-size: 10px;
        padding: 17% 0;
}

/* TITRE FORUM DERNIER MESSAGE */
.forum_info {
        float: right;
        width: 30%;
}

/* Nom forum */
a.forumlink::after {
        content: "";
        background: #a2335c;
        display: block;
        width: 100%;
        height: 1px;
}

a.forumlink {
        color: #9c9c9c !important;
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

/* Dernier message */
.dernier_message {
        margin: 9.6% 0 0 0;
        letter-spacing: 1px;
}

.dernier_message a {
    	color: #9c9c9c !important;
}

.dernier_message strong {
        background: #1d1d1d;
        padding: 0 1% 1% 1%;
        width: 160px;
        display: inline-block;
        letter-spacing: 2px;
}

/* DESCRIPTION ET SOUS FORUM */
.description_sous_forum {
        float: right;
        width: 43%;
        background: #1d1d1d;
        margin: 0 0 0 2%;
  	padding: 1%;
        border: 1px solid rgba(99,91,91,.63);
}

/* Description */
.forum_description {
        border-right: 1px solid #a2335c;
        float: left;
        height: 80px;
        overflow: auto;
        text-align: justify;
        width: 210px;
        box-sizing: border-box;
        padding: 0 2% 0 0;
}

/* Sous forum */
.sous_forum {
        float: left;
        margin: 0 0 0 2%;
        width: 37%;
        height: 80px;
        overflow: auto;
}

.sous_forum a {
        display: block;
        color: #9c9c9c;
        font-size: 11px;
        letter-spacing: 1px;
        text-transform: lowercase;
}







/*********************************************************************** QUI EST EN LIGNE ***********************************************************************/
.qeel {
        background: #1d1d1d;
        border: 2px solid rgba(99,91,91,.6);
        font-size: 12px;
        margin: auto;
        padding: 2% 3%;
        width: 820px;
}

.qeel h2 {
        background: #282828;
        border: 1px solid rgba(99,91,91,.63);
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 5px;
        padding: 1% 0;
        text-align: center;
        text-transform: uppercase;
        color: #9c9c9c;
        width: 400px;
        margin: 0 auto 2%;
}

/* CONNECTES CES DERNIERES 24 HEURES */
.qeel_24 {
        background: #282828;
        width: 20%;
        height: 133px;
        overflow: auto;
        padding: 1%;
        box-sizing: border-box;
        float: left;
}

.qeel_24 .row1 {
    	background: none;
}

/* COLONNE 2 */
.c2 {
        float: left;
        margin: 0 3%;
        text-align: center;
        width: 30%;
}

/* Dernier inscrit */
.dernier_inscrit {
        color: #9c9c9c;
        font-size: 10px;
        letter-spacing: 2px;
        text-transform: uppercase;
}

.dernier_inscrit a {
        display: block;
        width: 100%;
        background: #282828;
        padding: 4% 0;
        margin: 2% 0;
        letter-spacing: 5px;
        font-weight: 100;
  	font-size: 14px;
}


.dernier_inscrit strong a span strong {
    	font-weight: normal !important;
  	color: #c9c9c9;
}

/* Groupes */
.groupes a:nth-child(3n+3) {
    	margin: 1% 0;
}

.groupes a {
        border: 1px solid rgba(99,91,91,.63);
        box-sizing: border-box;
        display: inline-block;
        font-size: 9px;
        margin: 1% 4% 1% 0;
        padding: 2%;
        text-transform: uppercase;
        width: 75px;
}

a.g1 {color: #293b72;} a.g1:hover {color: #293b72 !important; border: 1px solid #293b72;}
a.g2 {color: #656a2f;} a.g2:hover {color: #656a2f !important; border: 1px solid #656a2f;}
a.g3 {color: #7c412e;} a.g3:hover {color: #7c412e !important; border: 1px solid #7c412e;}
a.g4 {color: #336638;} a.g4:hover {color: #336638 !important; border: 1px solid #336638;}
a.g5 {color: #286b65;} a.g5:hover {color: #286b65 !important; border: 1px solid #286b65;}
a.g6 {color: #9a1770;} a.g6:hover {color: #9a1770 !important; border: 1px solid #9a1770;}

/* COLONNE 3 */
.c3 {
        float: left;
        width: 32%;
}

/* Statistiques connectes */
.actuellement_co {
        color: #9c9c9c;
  	margin: 0 0 2%;
        font-size: 7px;
        text-transform: uppercase;
}

/* Connectés */
.en_ligne {
        background: #282828;
        box-sizing: border-box;
        height: 100px;
        overflow: auto;
        padding: 1%;
        width: 100%;
        display: block;
}

/* Copyright */
.c3 p {
        color: #9c9c9c;
        font-size: 7px;
        text-transform: uppercase;
        font-style: italic;
        margin: 2% 0 0;
}

/* COLONNE 4 */
.c4 {
        float: left;
        width: 9%;
        margin: 0 0 0 3%;
}

/* Messages et membres */
.c4 span strong {
        display: block;
        font-weight: normal;
}

.c4 span {
        display: block;
        background: #282828;
        text-transform: uppercase;
        font-size: 8px;
        padding: 20% 2%;
        margin: 0 0 23%;
        text-align: center;
}